Langages du Web : HTML (structure), CSS (présentation)

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.

Pour aller plus loin : consulte les ressources officielles sur https://eduscol.education.fr

Offrez à votre enfant une aide aux devoirs personnalisée

Essayer Scolibree

✨ une matière gratuite, à vie. 

Pin It on Pinterest

Abonnez-vous à notre newsletter pour ne rien perdre de notre actualité et des articles que nous publions