Cours HTML Complet - Très Pédagogique
Chapitre 1 - Qu'est-ce que le HTML?
HTML signifie HyperText Markup Language. Il sert à structurer le contenu d'une page web : textes,
titres, images, liens, tableaux, formulaires.
Chapitre 2 - Structure de base d'une page HTML
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Ma première page HTML</title>
</head>
<body>
<h1>Bienvenue sur ma page</h1>
<p>Ceci est mon premier paragraphe en HTML.</p>
</body>
</html>
Chapitre 3 - Balises, attributs, liens et images
Exemple de paragraphe: <p>Texte</p>
Lien: <a href="[Link]
Image: <img src="[Link]" alt="Description">
Chapitre 4 - Listes
<ul><li>Pomme</li><li>Banane</li></ul>
<ol><li>Étape 1</li><li>Étape 2</li></ol>
Chapitre 5 - Tableaux
<table border="1"><tr><th>Nom</th><th>Âge</th></tr><tr><td>Alice</td><td>25</td></tr></table>
Chapitre 6 - Formulaires
<form action="[Link]" method="post">
<label for="nom">Nom :</label><input type="text" id="nom" name="nom"><br>
<input type="submit" value="Envoyer">
</form>
Chapitre 7 - HTML sémantique
<header>En-tête</header>
<nav>Menu</nav>
<section>Section</section>
<article>Article</article>
<aside>Sidebar</aside>
<footer>Pied de page</footer>
Chapitre 8 - Multimédia
<audio controls><source src="musique.mp3" type="audio/mpeg"></audio>
<video width="640" height="360" controls><source src="video.mp4" type="video/mp4"></video>
<iframe src="[Link] width="560"
height="315"></iframe>
Chapitre 9 - Bonnes pratiques HTML
- Toujours fermer les balises
- Utiliser indentation claire
- Utiliser balises sémantiques
- Ajouter alt pour images