
🌐 HTML (HyperText Markup Language)
HTML est le langage de structure des pages web.
Il sert à organiser et définir le contenu : titres, paragraphes, images, liens, formulaires, tableaux, etc.
➡️ En résumé : HTML = le squelette d’une page web.
Exemples d’éléments :
<h1>: titre<p>: paragraphe<img>: image<a>: lien<div>: zone de contenu
Sans HTML, une page web n’a aucun contenu.
🎨 CSS (Cascading Style Sheets)
CSS est le langage de style des pages web.
Il sert à définir l’apparence : couleurs, polices, marges, tailles, disposition, animations, responsive, etc.
➡️ En résumé : CSS = le design et la mise en forme de la page.
Ce que CSS peut faire :
- changer la couleur d’un texte (
color: red;) - mettre un élément au centre (
margin: auto;) - créer une mise en page (
flex,grid) - arrondir des bordures (
border-radius) - rendre le site adapté aux écrans mobiles (media queries)
HTML = quoi
CSS = comment ça doit apparaître
🧩 Comment ils fonctionnent ensemble ?
HTML crée la page → CSS vient l’habiller.
Exemple ultra simple :
<h1 class="titre">Bonjour !</h1>
.titre {
color: blue;
text-align: center;
}
One response
Très cool d’en savoir plus sur ces outils !