HTML5 : titres et paragraphes

Bienvenue dans notre cours résumé sur l’html5. C’est déjà le deuxième article!!Nous avons vu la structure de base d’une page html. Cette partie concerne les balises html d’insertion de titres et de paragraphes

HTML5 : titres et paragraphes

La plupart des pages web ont un contenu textuel. Les éléments écrits dans la page html peuvent être des titres de différents niveaux, des paragraphes, …

Titres en html5 :

pour ajouter un titre , on utilise les balises h_i avec i =1 ou 2ou…..ou 6. chaque numéro représente un niveau de titre. Exemple :

<h1>Cours HTML</h1>
<h2>Titres:</h2>
explications ici
<h2>Paragraphes :</h2>
explications ici
<h2>Liens:</h2>
explication ici
<h2>Images:</h2>
<h3>Images simples</h3>
explications ici
<h3>Images cliquables:</h3>
<p>Explication ici</p>
<h3>Images réactives</h3>
<p>explication ici</p>

L’hérarchie des titres dans l’exemple précédent est équivalente à :

I- Cours HTML
  I-1 Titres: 
   explications ici
  I-2 Paragraphes :
   explication ici
  I-3 Liens: 
     explications ici
  I-4 Images
   I-4-1 Images simples :
     explications ici
   I-4-2 Images cliquables :
          explications ici
   I-4-3 Images réactives :
         explications ici

Donc, comme expliqué avec l’exemple, on ne peut pas utiliser un titre h _i que si nous avons déjà le niveau supérieur utilisé, c’est à dire ; un h _i-1 dans le contenu textuel précédent.
Attention : on n’utilise jamais les h _i pour la forme du texte (le mettre en gras ou en une taille plus grande!!). les h_i sont des balises sémantiques (qui ont un rùle précis dans la sémantique de la page web) et non pas des balises de mise en forme!!

Paragraphes :

Comme dans les livres, les documents papiers et autres , une page web peut contenir des paragraphes. Pour ajouter un texte sous format paragraphe, on utilise la balise <p>

exemple :

.....
<body>
<h1> Html5 : </h1>
<p> HTML 5  est la cinquième version du langage html. Son objectif est la création du contenu des pages web. Le langage html5 est toujours utilisé avec css3 et javascript ...</p>
....
</body>
.....

Remarque : L’insertion d’un nouveau paragraphe entraine une nouvelle ligne automatiquement. Pour imposer un retour à la ligne, on utilise la balise <br/>

Voilà une vidéo qui explique cette partie avec d’autres exemples:

Vous pouvez suivre notre cours complet d’HTML . pour approfondir vos compétences sur le développement web en utilisant le langage html5.

Aussi, vous avez une playlist des vidéos (Explication en Darija arabe marocaine) bien organisée qui traite : Vidéos sur l’HTML5