Cours Complet HTML & CSS - Débutant
HTML (HyperText Markup Language) est le langage utilisé pour structurer le contenu d’une
page web.
CSS (Cascading Style Sheets) permet de personnaliser l’apparence du contenu HTML.
--- STRUCTURE HTML DE BASE ---
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ma première page</title>
</head>
<body>
<h1>Bonjour le monde !</h1>
<p>Ceci est mon premier site web.</p>
</body>
</html>
--- BALISES COURANTES ---
<h1> à <h6>, <p>, <a href="">, <img src="">, <ul>, <ol>, <li>, <div>, <span>, <form>,
<input>, <label>, <button>...
--- ATTRIBUTS COURANTS ---
id, class, href, src, alt, placeholder, required
Cours Complet HTML & CSS - Débutant
--- CSS ---
Trois méthodes : en ligne, interne, externe (<link>)
Exemple de [Link] :
body { background: #f8f9fa; color: #212529; font-family: Arial; }
a { color: #007bff; text-decoration: none; }
button { background: #007bff; color: white; padding: 10px 20px; border: none; }
--- BONNES PRATIQUES ---
Fermer ses balises, bien organiser les fichiers, valider sur [Link], tester sur mobile.
--- CONCLUSION ---
Avec HTML tu crées la structure, avec CSS tu rends ton site beau.