10 balises HTML pour mettre en forme un article.

Les balises HTML permettent la mise entre autre la mise en forme de vos pages et articles.Elles se présentent sous la forme :<balise ouvrante>Texte </balise fermante>avec quelques exceptions.

L’éditeur WordPress ainsi que ceux de nombreux blogs rajoute des balises dans tous les sens. Certaines devenant inutiles et mêmes gênantes au fil des mises à jours. Pour vous aider à y voir plus clair, voici une liste de quelques balises avec leurs effets à utiliser sous WordPress ou sur votre blog  en mode html.

balises HTML
balises HTML
  •  Les balise <p> et</p>

cette balise permet de définir un paragraphe. A la suite d’un paragraphe, retour à la ligne et saute une ligne.

Exemple :

<p> Mon premier paragraphe</p> 
<p>Mon deuxième paragraphe</p> 
ce qui donne :

Mon premier paragraphe

Mon deuxième paragraphe

  • la balise <br/>  permet d’aller à la ligne. Elle n’est faite que d’une seule balise. On peut également utiliser le caractère de saut de ligne &nbsp;
Exemple :

Mon texte<br/> La suite
Ce qui donne :
Mon texte
La suite

  • La balise
    <center>Mon texte centré </center>

Permet de centrer un texte horizontalement.

 

  • La balise <strong> mon texte en gras </strong>permet d’afficher un texte en caractères gras

ce qui est équivalent à <b>Mon texte en gras</b>

  • La balise <i> Mon texte en italique </i> permet de mettre le texte en italique
  • La balise <u> Mon texte souligné </u> permet de souligner un texte
  • La balise <s> Mon texte barré </s> permet de barrer un texte
  • La balise <q> citation courte <q/> permet de faire une citation courte entre guillement.
  • Pour une citation longue on utilise : <blockquote> citation longue avec marge à gauche<blockquote/> qui donne une marge à gauche.

    citation longue avec marge à gauche

  • la balise<hr/> Permet de tracer un trait de séparation

  • Les balises de titres <hi> </hi> avec i nombre entier positif

<h1>titre de niveau 1 </h1>

<h2>titre de niveau 2 </h2>

<h3>titre de niveau 3 </h3>

Etc.

  • Les balises de puces

– puces non numérotées
<ul> début de la liste

<li> Un élément de la liste </li>
<li>un second élément de la liste</li>
<li>un troisième élément de la liste</li>
…..

<ul/> fin de la liste
Ce qui donne :

  • Un élément de la liste
  • un second élément de la liste
  • un troisième élément de la liste

– puces numérotées 
<ol> début de la liste
<li> Un élément de la liste </li>
<li>un second élément de la liste</li>
<li>un troisième élément de la liste</li>
…..

<ol/> fin de la liste
Ce qui donne :

  1. Un élément de la liste
  2. un second élément de la liste
  3. un troisième élément de la liste

Que pensez-vous de l’utilisation des balise directement en HTML dans les articles ?
Y a-t-il d’autres balises indispensables html pour vous ?

2 Comments

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
geolocalisation
Localisation IP : 4 Widgets et 8 sites.

L'adresse IP (Internet Protocol) d'un visiteur donne des informations inportantes sur le visiteur d'un site, dont la provenance. Si cette...

erreur 404
Comment personnaliser la page d’erreur 404 ?

"La page que vous avez demandé est introuvable". Vous êtes certainement déjà tombé sur ce fâcheux message d'erreur en navigant...

QR barcode scanner
5 Lecteurs de QR codes gratuits.

Dans la continuité de l'article sur la création de QR Codes en ligne, voici 5 applications Andoïd permettant de lire...

Fermer