Les balises HTML permettent de structurer un document html, mais peuvent aussi servir à la mise entre autre la mise en forme d’une pages ou d’un article internet.
Ces balises vont, pour la plupart par pairs, encadrant une contenu : <balise ouvrante> Texte </balise fermante> (avec quelques exceptions).
Pour vous aider à y voir plus clair, voici une liste de quelques balises avec leurs effets à utiliser sur votre blog ou votre site.
Les balises <p> et </p>
cette balise permet de définir un paragraphe. A la suite d’un paragraphe, on a un 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’un seul élément. On peut également utiliser le caractère de saut de ligne Exemple :
Mon texte <br/> La suite à la ligne
donne :
Mon texte
La suite à la ligneLa balise <center> pour centrer : <center> Mon texte centré </center>
Mon texte centré La balise <strong> pour mettre en gras : <strong> gras </strong>. Equivalent à <b> gras </b>
mon texte en grasLa balise <i> pour mentre en italique : <i> italique </i>
La balise <u> pour pour souligner : <u> souligner </u>
La balise <s> pour
barrer: <s> barrer </s>La balise
pour faire une
citation courte
: <q> citation courte </q>La balise <blockquote> pour une
citation longue :
<blockquote> citation longue : </blockquote>la balise <hr/> pour tracer un trait de séparation (une seule balise) :
Les balises <hi> pour un titre de niveau i,avec i entier positif (<h1> <h2> <h3> etc )
titre de niveau 1
titre de niveau 2
titre de niveau 3
Etc.
Les balises <ul> et <li> pour une liste à puces :
<ul>
<li> premier élément de la liste </li>
<li> second élément de la liste </li>
<li> troisième élément de la liste </li>
…
<ul/> fin de la liste Ce qui donne :premier élément de la liste
second élément de la liste
troisième élément de la liste
La balise <ol> pour les puces numérotées : remplacer <ul> par <ol>
- Un élément de la liste
- un second élément de la liste
- un troisième élément de la liste
Le petit tour d’horizon des balises html utiles est terminé. J’espère qu’il vous aura été utile !