Aperçu — 3.1 — Hiérarchie des titres et paragraphes — Yekola

Retour

Module 1 : Découvrir le Web et HTML

1.1 — Comment fonctionne le Web Aperçu

1.2 — Installer son environnement de travail

🛠️ Projet 1 — Hello World

Module 2 : Structure d'une page HTML5

2.1 — Anatomie d'une page HTML5 Aperçu

🛠️ Projet 2 — Structure complète

Module 3 : Balises de texte — Titres, paragraphes et listes

3.1 — Hiérarchie des titres et paragraphes Aperçu

3.2 — Listes à puces et numérotées

🛠️ Projet 3 — Article structuré

Module 4 : Liens hypertextes et navigation

4.1 — La balise a (anchor) Aperçu

🛠️ Projet 4 — Mini-site 3 pages

Module 5 : Images et multimédia

5.1 — Images et attributs Aperçu

🛠️ Projet 5 — Page multimédia

Module 6 : Tableaux

6.1 — Créer des tableaux Aperçu

🛠️ Projet 6 — Tableau de données

Module 7 : Formulaires HTML

7.1 — Créer un formulaire Aperçu

🛠️ Projet 7 — Formulaire de contact

Module 8 : Formulaires avancés et validation HTML5

8.1 — Validation HTML5 native Aperçu

🛠️ Projet 8 — Formulaire d'inscription

Module 9 : Sémantique HTML5

9.1 — Les balises sémantiques Aperçu

🛠️ Projet 9 — Page sémantique

Module 10 : Accessibilité web et ARIA

10.1 — WCAG et ARIA Aperçu

🛠️ Projet 10 — Audit accessibilité

Module 11 : SEO — Bases du référencement

11.1 — Les fondamentaux du SEO Aperçu

🛠️ Projet 11 — Optimisation SEO

Module 12 : Iframes et intégration externe

12.1 — Utiliser les iframes Aperçu

🛠️ Projet 12 — Page avec intégrations

Module 13 : SVG et Canvas

13.1 — SVG inline Aperçu

🛠️ Projet 13 — Logo SVG

Module 14 : Site multi-pages

14.1 — Architecture d'un site Aperçu

🛠️ Projet 14 — Site 5 pages

Module 15 : Hébergement et mise en ligne

15.1 — Mettre en ligne gratuitement Aperçu

🛠️ Projet 15 — Publication en ligne

Module 16 : Projet final — Site vitrine HTML5

16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement

Module 3 : Balises de texte — Titres, paragraphes et listes Aperçu gratuit

3.1 — Hiérarchie des titres et paragraphes

📋 Objectifs d'apprentissage

Utiliser h1 à h6 pour la hiérarchie
Structurer du texte avec p, br, hr
Appliquer les balises de formatage (strong, em, mark)

La règle du h1 unique

Une page doit avoir UN SEUL <h1> — c'est le titre principal. Google l'utilise pour comprendre le sujet de la page. Les <h2> sont les sections, <h3> les sous-sections. Ne sautez jamais de niveau : pas de h1 suivi directement de h3.

Balise	Usage	Exemple
<h1> à <h6>	Titres hiérarchiques	<h1>Mon site</h1>
<p>	Paragraphe	<p>Texte...</p>
<br>	Saut de ligne	Ligne 1<br>Ligne 2
<hr>	Ligne horizontale	Séparation visuelle
<strong>	Important (gras)	<strong>Attention</strong>
<em>	Emphase (italique)	<em>Vraiment</em>

💡 strong vs b, em vs i

<strong> indique de l'IMPORTANCE (sémantique). <b> met juste en gras (présentation). Toujours préférer <strong> et <em> qui ont du sens pour les lecteurs d'écran et le SEO.

Ceci est un aperçu gratuit.
Voir la formation complète