10 balises HTML pour mettre en forme un article.

Philippe | 27 novembre 2012 | Outils du Web, Programmation, Wordpress | 2 commentaires

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.

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

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 :