🚀 Apprendre HTML (Débutant → Avancé)
📌 Qu'est-ce que HTML ?
HTML (HyperText Markup Language) est le langage qui permet de structurer une page web. Il indique au navigateur quoi afficher : titres, paragraphes, images, liens, etc.
🧱 Structure de base
<!DOCTYPE html>
<html>
<head>
<title>Mon site</title>
</head>
<body>
<h1>Bonjour</h1>
<p>Bienvenue sur mon site</p>
</body>
</html>
👉 Toujours respecter cette structure !
📝 Les titres
<h1>Titre principal</h1> <h2>Sous-titre</h2> <h3>Sous-sous-titre</h3>
⚠️ h1 = 1 seul par page (important pour SEO)
📄 Paragraphes
<p>Ceci est un texte</p>
🔗 Les liens
<a href="https://google.com">Aller sur Google</a>
👉 Permet de naviguer entre pages
🖼️ Images
<img src="image.jpg" alt="description">
⚠️ Toujours mettre alt (accessibilité)
📋 Listes
<ul> <li>Element 1</li> <li>Element 2</li> </ul>
📊 Tableaux
<table>
<tr>
<th>Nom</th>
<th>Age</th>
</tr>
<tr>
<td>Jean</td>
<td>20</td>
</tr>
</table>
📩 Formulaires
<form> <input type="text"> <input type="email"> <button>Envoyer</button> </form>
🔥 Bonnes pratiques
- Indentation propre
- Utiliser des balises sémantiques
- Ne pas tout faire en div
🧠 Exercice
👉 Crée une page avec :
- Un titre
- Une image
- Un lien