Formation HTML & CSS pour Débutants
Ce document est une introduction au HTML et au CSS pour débutants. Il est conçu dans un style
scolaire, avec des explications simples, des exemples de code et des exercices.
1. Introduction au HTML
Le HTML (HyperText Markup Language) est le langage qui permet de construire la structure d’une
page web. On utilise des balises pour indiquer les différents éléments (titres, paragraphes, images,
etc.).
<!DOCTYPE html>
<html>
<head>
<title>Mon premier site</title>
</head>
<body>
<h1>Bonjour !</h1>
<p>Ceci est mon tout premier site web.</p>
</body>
</html>
2. Introduction au CSS
Le CSS (Cascading Style Sheets) est utilisé pour modifier l’apparence d’une page web. Il permet
de changer les couleurs, la taille du texte, les polices, et plus encore.
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
}
p{
color: green;
font-size: 18px;
}
3. Mini-Projet : Ma Page de Présentation
Réalise une page web qui te présente. Elle doit contenir : - Ton nom et prénom dans un titre. - Un
paragraphe qui parle de toi (tes passions, ton âge, etc.). - Une image (par exemple ton animal
préféré ou ton héros favori). - Des couleurs et du style avec du CSS.
4. Exercices
• Créer une page HTML avec un titre et deux paragraphes.
• Changer la couleur de fond de la page avec du CSS.
• Ajouter une image dans ta page HTML.
• Créer une liste de tes trois jeux préférés.
Avec ces bases, tu peux déjà créer tes premières pages web. Continue à expérimenter avec HTML
et CSS pour apprendre de nouvelles choses !