Fiche de révision — HTML5 L1 IG2I
1. Structure de base (Le squelette)
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Site</title>
</head>
<body>
</body>
</html>
2. Balises de Texte & Structure
Les balises pour organiser le contenu.
<h1> à <h6> : Titres et sous-titres ( h1 est le plus important).
<p> : Paragraphe de texte standard.
<br> : Saut de ligne forcé (balise seule).
<hr> : Ligne de séparation horizontale (balise seule).
<strong> : Met le texte en gras (indique une importance forte).
<em> : Met le texte en italique (emphase).
<div> : Une “boîte” vide (élément bloc) pour grouper des éléments (mise en page).
<span> : Une “boîte” de texte (élément inline) pour styliser juste un mot.
Les Listes
<ul> + <li> : Liste à puces (non ordonnée).
<ol> + <li> : Liste numérotée (1, 2, 3…).
3. Les Liens et Images
Les Liens ( <a> )
L’attribut href est obligatoire.
Lien simple : <a href="https://site.com">Texte du lien</a>
Nouvel onglet : <a href="..." target="_blank">...</a>
Ancre (scroll) : <a href="#section2">...</a> (cible un élément avec id="section2" ).
Email : <a href="mailto:">...</a>
Les Images ( <img> )
Pas de balise fermante. L’attribut alt est crucial pour l’accessibilité.
Code : <img src="photo.jpg" alt="Description" width="300">
1. Structure de base (Le squelette)
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Site</title>
</head>
<body>
</body>
</html>
2. Balises de Texte & Structure
Les balises pour organiser le contenu.
<h1> à <h6> : Titres et sous-titres ( h1 est le plus important).
<p> : Paragraphe de texte standard.
<br> : Saut de ligne forcé (balise seule).
<hr> : Ligne de séparation horizontale (balise seule).
<strong> : Met le texte en gras (indique une importance forte).
<em> : Met le texte en italique (emphase).
<div> : Une “boîte” vide (élément bloc) pour grouper des éléments (mise en page).
<span> : Une “boîte” de texte (élément inline) pour styliser juste un mot.
Les Listes
<ul> + <li> : Liste à puces (non ordonnée).
<ol> + <li> : Liste numérotée (1, 2, 3…).
3. Les Liens et Images
Les Liens ( <a> )
L’attribut href est obligatoire.
Lien simple : <a href="https://site.com">Texte du lien</a>
Nouvel onglet : <a href="..." target="_blank">...</a>
Ancre (scroll) : <a href="#section2">...</a> (cible un élément avec id="section2" ).
Email : <a href="mailto:">...</a>
Les Images ( <img> )
Pas de balise fermante. L’attribut alt est crucial pour l’accessibilité.
Code : <img src="photo.jpg" alt="Description" width="300">