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.
- 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.
<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
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 :
- Un élément de la liste
- un second élément de la liste
- 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 ?
Les recherches qui vous ont mené ici
- comment mettre des balises dans un article (2)
- centrer une liste worpress (2)
- mise en forme texte html (1)
Les 3 méthodes pour insérer un style CSS dans une page HTMLLes feuilles de style ou CSS (Cascading Style Sheets) sont indispensables pour les documents HTM ...
Comment surligner un texte comme avec un stabilo ?Dans ce petit tuto nous allons utiliser les balises <span> et </span> et les CSS en ...
Comment créer des liens vers des ancres dans une page web ?Vous avez peut-être un jour eu envie de faire un lien vers un point précis de votre article ? Où ...
