La structure d'une page HTML

Comment est faite une page HTML ?

Une page HTML et faite de quatre balises principales que nous verrons plus loin !
Ces balises fonctionnent toutes par paire ( nous en avons vu des exemples dans le 1. Quesque c'est, comment ça marche ? du tuto HTML ! ).
Bon et bien maintenant, découvrons des balises :

<html> 
<head> 
<title>Titre de la page</title> 
</head> 
<body> 
<!-- 
Contenu de ma page visible par le visiteur 
-->
</body> 
</html>

Explication :

Les balises <html> </html> définissent la page HTML !
Rien ne doit-être écrit en dehors de ces balises ! ( sauf pour certains script PHP ! )
Les balises <head> </head> définissent le contenu de la déscription de votre page ( Titre du site, mots clés, copyright, feuille de style .. )
Tout ce qui est contenu dans ces balises n'est pas visible dans votre page.
Elle peut même contenir du Javascript ( encore un langage Web .. ).
Les balises <title> </title> entourent le titre de votre page ( ici le titre est : Cust.er - Tuto - Structure d'une page HTML
Vous remarquerez que cette balise est à l'intérieur des balises <head> </head> !
Et enfin, les balises <body> </body> qui comportent le contenu visible de votre site !

Je préfère insister sur le fait que ces balises ne doivent pas être écrites plus d'une fois dans votre code et doivent apparaitre dans l'ordre que je vous ai donné ci dessus, je ne veux pas voir ce genre de mise en page :

<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<!-- Contenu de la page -->
</body>
 
<head>
</head>
 
</html>

Ensuite ?

Une fois que vous savez ça, vous savez comment faire pour commencer votre page Web !

« Tuto