Chapitre 1 : Les bases de HTML5
I- Différence entre HTML et CSS
1- Le rôle du HTML
Le HTML (HyperText Markup Language) a fait son apparition dès 1991 lors du
lancement du Web. Son rôle est de gérer et d’organiser le contenu. C'est donc en
HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des
images…
Vous pouvez très bien créer un site web uniquement en HTML… Mais celui-ci ne sera
pas très beau car l'information apparaîtra “brute” et sans aucune mise en forme. C'est
pour cela que le langage CSS vient toujours le compléter.
2- Le rôle du CSS
Le CSS (Cascading Style Sheets, aussi appelées feuilles de style) a pour rôle de gérer
l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille
du texte…). Ce langage est venu compléter le HTML en 1996, et il est toujours au
fondement même du style du Web de nos jours.
La couche CSS permet de voir le site web dans sa mise en forme graphique aboutie.
Le CSS a besoin d'une base en HTML pour fonctionner. C'est pour cela que nous allons
d'abord apprendre à coder en HTML avant de nous occuper du style en CSS. Vos
premières pages ne seront donc pas des plus esthétiques au début, mais c'est normal
et cela ne durera pas longtemps.
3- Le rôle du navigateur
Les rôles du HTML et du CSS se complètent. Mais ensuite, c’est le navigateur web qui
fait le reste du travail : lire le code HTML et CSS pour afficher un résultat visuel à
l'écran. Si votre code CSS dit “Les titres sont en rouge”, alors le navigateur affichera les
titres en rouge. Les différents navigateurs n'affichent pas toujours le même site
exactement de la même façon ! Il faudra vous y faire, et prendre l'habitude de vérifier
régulièrement que votre site fonctionne correctement sur les navigateurs les plus
utilisés.
Aujourd'hui, vous apprenez à développer dans un environnement quasi magique :
tous les navigateurs que vous utilisez embarquent des outils de développement
particulièrement sophistiqués, notamment l’outil d’inspection d’une page web. En
effet, l'inspection d'une page web permet très simplement d'accéder au HTML et au
CSS, et de faire des changements en temps réel. Pour cela, il vous suffit de faire un clic
droit sur n'importe quelle page, et de sélectionner l'inspecteur.
4- F
5- f