Initiation au web : créer une première page en HTML et CSS

Quand tu ouvres un site comme YouTube ou Wikipédia, ton navigateur (Chrome, Firefox) affiche une page web. Cette page est en réalité un fichier texte que le navigateur lit et transforme en couleurs et en boutons. Ce fichier est écrit dans un langage appelé HTML. Le HTML sert à dire au navigateur : 'ceci est un titre', 'ceci est une image', 'ceci est un paragraphe'. Sans HTML, le web n'existerait pas !

Le HTML fonctionne avec des balises : ce sont des mots entre chevrons comme <p> et </p>. Une balise ouvrante s'écrit <p> et la balise fermante ajoute un slash : </p>. Entre ces deux balises, on place le contenu. Par exemple, <h1>Mon titre</h1> crée un grand titre. On peut aussi mettre une image avec <img> ou un lien avec <a>.

Le HTML seul donne une page très simple, en noir et blanc. Pour ajouter des couleurs, des polices ou des marges, on utilise le CSS (Cascading Style Sheets, feuilles de style en cascade). Le CSS se place dans une balise <style> ou dans un fichier séparé. On écrit par exemple : body { background-color: yellow; } pour avoir un fond jaune. Le CSS cible les éléments HTML grâce à des sélecteurs.

Une page HTML complète contient toujours la même base : <html>, <head> et <body>. Dans le <head>, on met le titre de l'onglet avec <title>. Dans le <body>, on met tout le contenu visible : titres, paragraphes, images. On enregistre le fichier avec l'extension .html puis on l'ouvre dans le navigateur. En quelques lignes, tu peux déjà créer ta page perso pour présenter ta classe ou tes passions !