Skip to content
✨ Les cours suivant sont disponible : Html, Css, React, Algorithme ✨
cours
✨ Html
1.0 Structure d'une page HTML
1.2 Balises de titre, en-tête et paragraphe

1.2 Balises de titre, en-tête et paragraphe

Les balises de titre, d'en-tête et de paragraphe sont des éléments HTML essentiels pour structurer et organiser le contenu d'une page web. Chacune de ces balises a un rôle spécifique dans la hiérarchie de la page et aide à fournir une structure claire et compréhensible pour les utilisateurs et les moteurs de recherche.

Balises de titre <h1> à <h6>

Les balises de titre <h1> à <h6> sont utilisées pour définir différents niveaux de titres et de sous-titres. <h1> est le niveau de titre le plus élevé, représentant généralement le titre principal de la page, tandis que <h6> est le niveau de titre le plus bas, utilisé pour les sous-titres de niveau inférieur. Il est important de noter que les balises de titre doivent être utilisées de manière appropriée et logique pour maintenir une structure cohérente de la page.

Exemple d'utilisation des balises de titre :

<h1>Titre principal</h1>
<h2>Sous-titre 1</h2>
<h3>Sous-sous-titre 1.1</h3>
<h2>Sous-titre 2</h2>

Balise d'en-tête <header>

La balise <header> est utilisée pour représenter l'en-tête d'une section ou de toute la page. Elle peut contenir des éléments tels que des logos, des titres, des menus de navigation, des bannières, etc. L'en-tête est généralement placé en haut de la page et fournit des informations importantes aux utilisateurs.

Exemple d'utilisation de la balise d'en-tête :

<header>
    <h1>Logo</h1>
    <nav>
        <ul>
            <li><a href="#">Accueil</a></li>
            <li><a href="#">À propos</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</header>

Balise de paragraphe <p>

La balise <p> est utilisée pour définir un paragraphe de texte. Elle permet de structurer et d'organiser le contenu en paragraphes distincts, facilitant la lecture et la compréhension du texte. Il est recommandé d'utiliser la balise de paragraphe pour tous les blocs de texte significatifs plutôt que de simplement utiliser des sauts de ligne.

Exemple d'utilisation de la balise de paragraphe :

<p>Ceci est un paragraphe de texte.</p>
<p>Ceci est un autre paragraphe de texte.</p>

Conclusion

Les balises de titre, d'en-tête et de paragraphe sont des éléments fondamentaux pour structurer et organiser le contenu d'une page web. Les balises de titre permettent de hiérarchiser les titres et sous-titres, tandis que la balise d'en-tête permet de représenter l'en-tête de la page avec des éléments tels que des logos et des menus de navigation. La balise de paragraphe facilite la structuration du texte en paragraphes distincts.

En utilisant ces balises de manière appropriée, vous pouvez créer des pages web bien structurées, sémantiquement correctes et faciles à comprendre pour les utilisateurs et les moteurs de recherche. Continuez à explorer les différentes balises HTML et à les combiner pour créer des pages web riches en contenu et bien organisées.