Introduction
Bienvenue dans ce tutoriel pour débutants sur le HTML ! Dans cet article, vous apprendrez les bases de la structure d'une page web en utilisant le langage HTML (HyperText Markup Language). Le HTML est la base de toute page web et il est essentiel de bien comprendre sa structure pour créer des sites web efficaces et bien conçus.
Objectifs d'apprentissage
- Comprendre la déclaration DOCTYPE
- Connaître les balises <html>, <head> et <body>
- Apprendre à structurer une page web en utilisant ces balises
- Créer une page HTML simple
La structure de base d'une page web
Avant de plonger dans le code, il est important de comprendre la structure de base d'une page web en HTML. Une page web est composée de plusieurs éléments, dont les plus importants sont :
La déclaration DOCTYPE
La déclaration DOCTYPE est la première ligne d'un document HTML et elle indique au navigateur le type de document HTML utilisé. Voici un exemple de déclaration DOCTYPE :
<!DOCTYPE html>
La déclaration DOCTYPE pour HTML5 est <!DOCTYPE html>.
La balise <html>
La balise <html> est la racine de tout document HTML. Elle enveloppe toutes les autres balises HTML de la page. Voici un exemple :
<html> <!-- Contenu de la page --> </html>
Les balises <head> et <body>
La balise <head> contient les informations sur la page qui ne sont pas visibles pour les utilisateurs, comme le titre de la page, les métadonnées, les liens vers des fichiers CSS et JavaScript, etc. La balise <body> contient tout le contenu visible de la page.
<head> <!-- Informations sur la page --> </head> <body> <!-- Contenu visible de la page --> </body>
Exercice : Créez une page "Hello World"
À présent, vous avez toutes les connaissances nécessaires pour créer votre première page web ! Voici un exemple simple de code HTML pour créer une page "Hello World" :
<!DOCTYPE html> <html> <head> <title>Ma première page</title> </head> <body> <h1>Hello World!</h1> </body> </html>
Enregistrez ce code dans un fichier avec une extension .html, ouvrez-le dans votre navigateur et vous verrez le texte "Hello World!" s'afficher dans votre page. Félicitations, vous venez de créer votre première page web en HTML !
Conclusion
Dans cet article, vous avez appris les bases de la structure d'une page web en HTML. Vous connaissez maintenant la déclaration DOCTYPE, ainsi que les balises <html>, <head> et <body>. Vous êtes prêt à continuer votre apprentissage du HTML en créant des pages web plus complexes et en explorant d'autres fonctionnalités du langage.
N'oubliez pas de pratiquer régulièrement pour renforcer vos compétences en HTML. Bonne continuation dans votre parcours de maîtrise du HTML ! 🚀
",