HTML #2 | Titres & Paragraphes

Si vous n’avez pas vu la première partie – HTML #1 |  Définition + Editeur de Code, je vous invite à cliquer I C I. Cela sera plus clair dans vos têtes embrouillées.

Règle de base : afin que votre code soit visible et qu’il ne vous bousille pas la rétine, il est bien de l’indenter = décaler vers la droite, au fur et à mesure, les éléments à l’aide d’un alinéa.

Vous comprendrez par exemple que le tag <html> </html> intègre le tag <head> </head>

Pour rédiger du contenu, le tag le plus connu est le tag paragraphe : <p> </p>

Paragraphes

titres

Titres

Ensuite, si vous souhaitez écrire un titre ou plusieurs [bande de fous], vous avez le tag « heading » :

  • <h1></h1>
  • <h2></h2> etc…jusqu’à <h6></h6>

itres

Les titres apparaîtront automatiquement en plus gros caractères que les paragraphes.

Plus vous vous rapprocherez du <h6></h6> et plus, vos caractères seront petits.

Vous l’aurez compris : <h1></h1> est le titre le plus imposant.

titres

La dernière version de HTML (HTML5) comporte des tags sémantiques c’est-à-dire que le nom du tag permet de connaître son contenu :

  • <header></header> = entête,
  • </footer></footer> = bas de page,

Ces différents tags aident les robots de Google à mieux indexer la page. Autrement dit, il vaut mieux bien s’en servir.

titres


       La suite, c’est par I C I, les gars !

         Si tu es à la ramasse et que tu n’as rien suivi, on reprend depuis le début :

titres

Ann

Laisse un commentaire