Balises HTML - Organisation de texte

in

Balises HTML de texte

Dans ce rubrique, nous allons étudier les différentes balises pour la mise en forme de texte comme par exemple le structurer en paragraphe, ajouter des titres, mettre des mots en évidence, etc...

Faire des paragraphes

Pour réaliser des paragraphes en HTML, il suffit d'utiliser la balise <p>
voici un exemple de résultat :

Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe,

Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, 

<p>
Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, Mon premier paragraphe, 
</p>		
<p>
Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, Mon second paragraphe, 
</p>

Ajouter des titres

Pour structurer votre texte, il est important de savoir créer des titres. Les balises HTML pour créer des titres sonts les balises <hn> :

Il existe six niveaux de titre h1,h2,h3,h4,h5,h6. La balise h1 représente le niveau de titre le plus important

Titre niveau 1

Titre niveau 2

Titre niveau 3

Titre niveau 4

Titre niveau 5
Titre niveau 6
<h1>Titre niveau 1</h1>
<h2>Titre niveau 2</h2>
<h3>Titre niveau 3</h3>
<h4>Titre niveau 4</h4>
<h5>Titre niveau 5</h5>
<h6>Titre niveau 6</h6>

astuce yoja

Les mots ou expressions utilisés dans les titres sont considérés comme plus importants par les moteurs de recherche (Google,...). Il est donc important de soigner ses titres en utilisant des mots clés pertinents

Mettre des mots clés en évidence

Pour mettre un mot (ou une expression) en évidence, il suffit de le mettre à l'intérieur de la balise <strong>. Voici un exemple du résultat :

Ceci est un mot important dans ma phrase. 

Ceci est un <strong>mot important</strong> dans ma phrase.

astuce yoja

les mots qui sont placés dans la balise <strong> sont considérés comme plus importants par les moteurs de recherche (Google,...).

Ajouter un retour à la ligne

Lorsque vous souhaitez ajouter un retour à la ligne dans votre texte, il suffit d'utiliser la balise <br/> à l'endroit désiré.

Mon texte sans un retour à la ligne. Mon texte sans un retour à la ligne.

Mon texte avec un retour à la ligne.
Mon texte avec un retour à la ligne.

<p>
Mon texte sans un retour à la ligne. 
Mon texte sans un retour à la ligne.
</p>
<p>
Mon texte avec un retour à la ligne.
<br/>
Mon texte avec un retour à la ligne.
</p>

Ajouter une ligne horizontale

La balise <hr/> permet d'ajouter une ligne horizontale dans votre page HTML. Cette balise HTML est couramment utilisée comme séparateur de contenu

Mon premier contenu. Mon premier contenu. Mon premier contenu. Mon premier contenu.

Mon deuxième contenu. Mon deuxième contenu. Mon deuxième contenu. Mon deuxième contenu. 

<p>
Mon premier contenu. Mon premier contenu.  Mon premier contenu.  Mon premier contenu. 
</p>
<hr/>
<p>
Mon deuxième contenu. Mon deuxième contenu. Mon deuxième contenu. Mon deuxième contenu.
</p>