Cours de base HTML
Introduction
HTML est un langage de balisage hypertexte qui sert à structurer le contenu des pages web. Il est
utilisé pour créer des documents hypertextes, c’est-à-dire des documents qui contiennent des liens
vers d’autres documents.
HTML est un langage à balisage, ce qui signifie qu’il utilise des balises pour marquer le contenu des
pages web. Une balise est une paire de symboles, généralement entourée de chevrons (< et >), qui
indique le début et la fin d’un élément.
Anatomie d’un élément HTML
Un élément HTML est composé de trois parties principales :
La balise ouvrante : elle indique le début de l’élément.
Le contenu : il s’agit du texte ou des éléments qui seront affichés sur la page web.
La balise fermante : elle indique la fin de l’élément.
Exemple
Voici un exemple d’élément HTML :
HTML
<p>Ceci est un paragraphe.</p>
Dans cet exemple, la balise ouvrante est <p>, qui indique le début d’un paragraphe. Le contenu est
le texte “Ceci est un paragraphe.”. La balise fermante est </p>, qui indique la fin du paragraphe.
Types d’éléments HTML
Il existe de nombreux types d’éléments HTML, chacun ayant une fonction spécifique. Les éléments
les plus courants sont les suivants :
Paragraphes (p) : les paragraphes sont utilisés pour organiser le texte.
Titres (h1-h6) : les titres sont utilisés pour structurer le contenu de la page web.
Listes (ul, ol) : les listes sont utilisées pour présenter une série d’éléments.
Images (img) : les images sont utilisées pour ajouter des visuels à une page web.
Liens hypertexte (a) : les liens hypertexte sont utilisés pour créer des liens vers d’autres documents.
Créer une page web simple
Pour créer une page web simple, vous devez créer un fichier texte et y écrire le code HTML de votre
page. Voici un exemple de page web simple :
HTML
<!DOCTYPE html>
<html lang=”fr”>
<head>
<title>Ma première page web</title>
</head>
<body>
<h1>Ma première page web</h1>
<p>Ceci est ma première page web.</p>
</body>
</html>
Ce code va créer une page web avec le titre “Ma première page web” et un paragraphe contenant le
texte “Ceci est ma première page web”.
Enregistrer et ouvrir la page web
Une fois que vous avez écrit le code HTML de votre page, vous devez l’enregistrer avec
l’extension .html. Par exemple, si vous nommez votre fichier [Link], vous pouvez l’ouvrir dans
un navigateur web pour voir le résultat.
Conclusion
Ce cours de base HTML vous a donné les connaissances de base pour commencer à créer des pages
web. Pour en savoir plus sur HTML, vous pouvez consulter les ressources suivantes :
Mozilla Developer Network:
[Link]
[Link]
W3Schools: [Link] [Link]
Codecademy: [Link]
[Link]
Bon apprentissage !
Exercices
Essayez de créer les pages web suivantes :
Une page web avec un titre et un paragraphe.
Une page web avec une liste de trois éléments.
Une page web avec une image.
Une page web avec un lien vers une autre page web.
Une fois que vous avez créé ces pages web, essayez de les améliorer en modifiant le style ou le
contenu.