Bien, maintenant, nous allons nous intéresser sur <head>.
Comme je vous disais au chapitre précédent, <head> est la tête de votre page.
Voyons ce que nous avions mis dans notre fameux <head>.
A part <head>, quelque chose ne vout dit rien ?
Mais bien sûr "utf-8" !!! Je vous avez dit d'encoder votre page avec cela !
Mais au faîtes, à quoi ça sert au juste ?
.
C'est simple, je vais vous l'expliquer :
UTF-8 vient du mot "unicode", qui veut dire que votre page peut-être lu sans bloc vide (ou des points d'interrogations quand vous mettez é,à,â...).
Et voilà, comme ça, si vous encoder en utf-8, le monde entier pourra lire votre page sans problème
!!!
Bon, rajoutons une chose à notre code :
Euh...C'est quoi ce bidule machin truc ???? Et bien sachez déjà que style.css, c'est avant toute chose une page que vous créerez après. Et ce .css, c'est un langage que nous apprendrons plus tard.
Cette balise, sert à donner une information sur la page HTML. En gros, <meta charset="utf-8" /> veut dire en français:
Utf-8, donne-moi tes données sur ma page HTML.
Bon, revenons en haut : qu'est-ce que veut dire "<link rel="stylesheet" href="style.css" />" ?
Un peu d'anglais
, link veut dire "lien", rel = ???, mais on peut comprendre que ça veut dire :
lien vers="stylesheet". Mais alors c'est quoi ce href ?
Et bien, tout simplement "lien vers", donc href="style.css" veut dire :
lien vers la page style.css. Cool non ? Nouveau :
Euh...C'est quoi au juste ? Essayez de réfléchir : title = titre.
En effet, <title> sert à mettre le titre sur le nom de la fenêtre.
Voyons voir ce que ça donne, cliquez ici pour voir.
Magie ! En haut de la page, on voit "Ma page HTML".
Euh...C'est quoi encore, ce truc ???
Enfaîtes, vous voyez les images juste à côté des "title" des pages ? Et bien c'est ça un "favicon".
Je vous conseille ce sitepour le créer et le télécharger.
Une fois fait, ajouter le nouveau bout de code. On se retrouve au question !