• Home
  • HTML – Intermédiaire

HTML – Intermédiaire

  • Course level: Intermédiaire

Description

Titres et paragraphes en HTML

Dans cette leçon et les suivantes, nous examinerons certains des éléments HTML les plus utiles et les utiliserons.
Cela nous permettra également de nous familiariser avec la syntaxe HTML à travers des exemples d’application.

Dans cette leçon, nous nous concentrerons en particulier sur la définition des titres et des paragraphes en HTML.

Pourquoi différencier titres et paragraphes en HTML ?

Encore une fois, rappelez-vous que le HTML est un langage de balisage.

Le seul rôle du HTML est de permettre la création d’un document structuré en le distinguant d’une vue sémantique des différents éléments d’une page.

L’utilisation des bons éléments HTML pour définir précisément le contenu de nos pages permettra aux navigateurs de créer au mieux notre page, de la restituer et de la référencer.

Cependant, le titre fait partie des facteurs sur lesquels la recherche, entre autres, sera cruciale pour comprendre le sujet de notre page.
En effet, Google utilisera par exemple un titre défini pour comprendre de quoi parle notre page en lui donnant plus d’importance qu’un contenu défini comme un paragraphe.

Définition de titres en HTML

Il existe six niveaux hiérarchiques de titres définis par les éléments h1, h2, h3, h4, h5 et h6 qui nous permettent d’organiser le contenu dans nos pages.

Bon à savoir : ” h ” signifie « heading », soit l’équivalent du mot « titre » en français.
Les éléments HTML sont généralement la première lettre de cette représentation, en anglais.

L’élément h1 représente le titre principal de notre page dans la section de la page, et à ce titre, nous ne pourrions utiliser qu’un seul élément h1 par page.

Ici, je tiens d’ores-et-déjà à attirer votre attention sur un point: si vous déclarez plusieurs titres h1 dans votre page, ceux-ci seront affichés: il n’y aura aucun blocage au niveau de l’éditeur ou du navigateur.

Cependant, gardez à l’esprit pour une nouvelle fois que HTML est un langage sémantique et que son utilisation correcte est basée sur des règles et un ensemble de bonnes pratiques.

Dans ce cas, utiliser plus d’un h1 serait une aberration; on dit que h1 représente le titre de la page principale.

Par contre, nous pourrons utiliser plusieurs h2, h3, etc.
que nous voulons dans notre page.
Théoriquement, si nos pages sont bien construites, nous allons rarement au-delà du niveau de titre h3.

Comme vous pouvez le voir, le navigateur comprend clairement que ce sont des titres d’importance différente et se comporte donc par défaut, en leur attribuant des formats.

Encore une fois, n’utilisez pas l’élément type h* pour écrire du texte gros et gras
Utilisez-le pour définir le titre de votre page.
Nous nous occuperons du formatage suivant grâce au CSS.

Remarque: Il ne doit pas y avoir de confusion entre h * et élément d’en-tête: l’élément title est utilisé pour le titre de notre page tandis que les éléments sont utilisés pour définir notre en-tête IN, c’est-à-dire hiérarchiser et organiser le contenu de notre site.

Définition de paragraphes en HTML

Pour créer des paragraphes en HTML, nous utiliserons <p>.

Vous pouvez créer autant de paragraphes que vous le souhaitez sur une page.

Pour chaque nouveau paragraphe, utilisez un nouveau <p>.

Pour chaque nouveau paragraphe, une nouvelle ligne est automatiquement générée et affichée par votre navigateur.

Sujets pour ce cours

2 Leçons7h

HTML – Intermédiaire

Espaces et retours à la ligne en HTML
Définir le niveau d’importance des contenus textuels en HTML

À propos du formateur/de la formatrice

0 (0 notations)

12 Cours

1 apprenants

Gratuit

Étiquettes