Le Web
Thème 2 du programme SNT
Découvre comment fonctionnent les pages web : HTML pour la structure, CSS pour le style. Crée tes premières pages !
5 leçons
15 exercices
~100 min
Leçons
1
Histoire du Web
De Tim Berners-Lee au Web 3.0
15 min
2
HTML : structure des pages
Balises, attributs, structure d'un document
25 min
3
CSS : mise en forme
Sélecteurs, propriétés, couleurs et polices
25 min
4
Liens et navigation
Liens internes, externes, ancres
15 min
5
Formulaires Web
Champs, boutons, envoi de données
20 min
Exercices & TP
Créer une page HTML simpleFacile
Styliser avec CSSMoyen
Créer un formulaire de contactMoyen
Quiz : HTML & CSSFacile
Objectifs
- Connaître l'histoire du Web
- Écrire une page HTML valide
- Styliser avec CSS
- Créer des liens et formulaires
index.html
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Bonjour le Web !</h1>
<p>Ma première page HTML.</p>
</body>
</html>style.css
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
padding: 20px;
}
h1 {
color: #e74c3c;
font-size: 2em;
}
p {
color: #333;
line-height: 1.6;
}