HTML : La structure des pages Web
- HTML (HyperText Markup Language) est le langage d’écriture de base des pages Web. Il structure le contenu en utilisant des balises :
<h1>à<h6>pour les titres<p>pour les paragraphes<a>pour les liens hypertextes<img>pour les images<ul>,<ol>,<li>pour les listes
Chaque balise HTML a une fonction précise permettant de compréhender l’organisation de la page.
CSS : La présentation
- CSS (Cascading Style Sheets) sert à mettre en forme les pages HTML (couleurs, polices, alignements, dispositions). Il sépare la présentation du contenu pour permettre plus de souplesse et de maintenabilité.
Exemple de CSS pour colorer un titre :
h1 { color: blue; font-size: 2em; }
Illustration simple
Une page HTML de base :
<!DOCTYPE html>
<html>
<head>
<title>Ma première page Web</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Bienvenue</h1>
<p>Ceci est un exemple de page structurée par HTML et mise en forme par CSS.</p>
</body>
</html>
Le fichier styles.css associé pourrait définir la couleur de fond, le style des titres, etc.
