Connexion




Bases du HTML / CSS

Par Arthur Martineau


<-- Structure d'une page HTML Structurer vos texte en HTML Les autres balises essentielles -->


Structurer vos texte en HTML


Dans cette sous-partie, nous allons voir d'autres balises. Des balises permettant de structurer vos textes.

Vous avez dans ce bout de code la quasi-totalité des balises permettant de structurer un texte.

 

Quelques précisions sur ce code :

La balise "p" permet de créer des paragraphes. Il y aura automatiquement un saut de ligne avant et après son contenu.

Les baliste "h" permettent de créer des titres et sous-titres à vos pages. Il y a 6 rang, cela va donc de h1 à h6 (h1 étant le titre le plus important et h6 le moins important). La balise h1 possède une particularité. Elle doit toujours être présente et unique dans une page.

Les balises de mise en valeur sont au nombres de 3. Strong est celle qui permet de mettre le plus en valeur le texte ciblé, puis c'est la balise em. La dernière, la balise mark fonctionne de la même façon que les deux balises précédentes, sauf qu'elle permet de mettre le texte encore moins en valeur.

La dernière balise "br", est la balise de saut ligne.

Pour finir avec ce bout de code, on peut voir qu'une ligne est affichée en gris. C'est un commentaire, il permet d'apporter des informations sur le code, sans être affiché sur la page visible par l'utilisateur. Il doit être contenu entre ces caractères

Il me reste encore à vous présenter les balises permettant de créer des listes.

 

Liste non ordonnée

 

Permet d'obtenir ceci :

  • Informatique
  • Mécanique
  • Électronique

En fait, la balise "ul" sert à délimiter l'ensemble de la liste. Alors que la balise "li" définit un élement de la liste.

 

Liste ordonnée

Pour les listes ordonnées, c'est simple, il suffit de transformer les "ul" en "ol". Reprenons notre exemple, pour obtenir ceci :

 

  1. Informatique
  2. Mécanique
  3. Électronique

 

Il faut entrer ce code :



<-- Structure d'une page HTML Structurer vos texte en HTML Les autres balises essentielles -->