Introduction à HTML
HTML est la base de chaque page web. Avant le style CSS ou le comportement JavaScript, le navigateur a besoin d’une structure claire qui indique ce qu’est chaque partie du contenu.
Qu’est-ce que HTML ?
HTML (HyperText Markup Language) est le langage standard pour structurer le contenu des pages web. Vous placez des balises autour du texte et des médias pour que le navigateur reconnaisse titres, paragraphes, liens, images et autres éléments.
Pourquoi HTML est important
Sans HTML, le navigateur comprend mal le sens et l’ordre du contenu. HTML n’est pas un langage de programmation ; c’est un langage de balisage.
Premier aperçu des balises
HTML utilise des balises entre chevrons. La plupart des éléments ont une balise ouvrante et une balise fermante.
Bonjour HTML
html<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>Ce que montre cet exemple
<!DOCTYPE html>indique un document HTML moderne<html>est l’élément racine<head>contient des infos comme le titre<body>contient le contenu visible<h1>est un titre principal<p>est un paragraphe
Comment le navigateur utilise HTML
Le navigateur lit le balisage de haut en bas, construit le DOM et affiche le contenu selon les balises.
HyperText et liens
HyperText désigne un texte qui peut relier d’autres documents via des liens. Relier des pages transforme des fichiers séparés en site web.
Un lien simple
html<a href="https://example.com">Visit Example</a>L’élément <a> crée un hyperlien. L’attribut href stocke l’adresse de destination.
Essayez vous-même
Créez index.html, collez l’exemple complet, enregistrez et ouvrez-le dans le navigateur. Modifiez le titre et actualisez la page.
Erreurs fréquentes
- Traiter HTML comme un langage de programmation
- Oublier les balises de fermeture
- Mettre du contenu visible dans
<head>au lieu de<body> - Omettre
<!DOCTYPE html>
Résumé
- HTML structure le contenu avec des balises
- Langage de balisage, pas de programmation
- Page de base : doctype, html, head, body
- Titres et paragraphes sont des éléments de départ
- Les liens relient les pages
- Entraînez-vous avec un petit fichier HTML
🧠 Testez Vos Connaissances
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut