Le langage Html reste d'une simplicité De base, il suffit de bien respecter sa syntaxe et les balises. Car il est composés d'argument sous forme de balises qui ont des fonctions prédéterminées. Puisque les balises générale sont toujours composé d'une balise d'ouverture (ex: <head>) et d'une balise de fermeture (ex: </head>) précédé d'un "/", Le principe est de toujours fermer la première balise ouverte en dernier ou la dernière balise ouverte en premier sans jamais croisé le contenu des balises comme dans "Ghost buster". Attention certaines balises ne disposent pas de balise de fermeture car elles inclus des fonctions et occurences (ex: <IMG>). le code Html n'est pas sensible au minuscules on majuscule dans les balises.
<HEAD><HEAD>
<HTML>
<TITLE>
premier document
</TITLE>
</HEAD>
<BODY>
Le premier document
</BODY>
</HTML>
Cet exemple est mauvais, car le contenue de la balise <HEAD> croise celui de la balise <HTML> la balise </HEAD> est fermé avant la balise </HTML> ce qui constitus une erreur de syntaxe.
| Structure d'une page Web |
Pour voir comment est composé une page, il vous suffit d'ouvrir une page html quelconque dans votre navigateur et d'aller voir la source du code html gräce au menu affichage>source. Encore une fois nous rappelons qu'il faut toujours respecter cette structure car il n'est pas facile de trouver la source d'une erreur, puisque le Html est proche d'un traitement de texte classique. Une page Html classique est toujours composée de la même manière (déclaration du document <HTML>, une en-tête <head> et un corp <BODY>), pour cela regardait et suivez l'exemple suivant :
<HTML>
<HEAD>
<TITLE> premier document
</TITLE>
</HEAD>
<BODY> Le premier document
</BODY>
</HTML>
< début du document
< indique le début de l'en-tête
< indique le début du titre de la page
< titre
< fin du titre
< fin de l'en-tête
< début du corp du document, entre cette balises fonction pour l'utilisateur
< fin du corp
< fin du document
Introduction
Vous constaterez que chaque page est composé d'une en-tête destiné aux informations de votre page utile pour le navigateur mais également pour les moteurs de recherche, qu'il s'agisse du titre ou autres comme la couleur de fond de la page etc... Il y a aussi une zone de "travail" Body ou serons les fonctions visiblent destiné à l'utilisateur et exécuté par le navigateur. Vous vous êtes rendus comptes que le texte d'une page web doit être saisi entre les balises <body>.
La balises <titre> elle fait apparaître le titre de votre page dans le bandeau en haut de votre navigateur, à retenir que le titre de votre page est totalement indépendant du titre du document. Certaines personnes vont dire " tout ça pour ça ! " Mais il faut dire "que ça !" Car oui il est long de taper à chaque page toute ces balises indispensables puisque la structure reste la même pour pratiquement tout les documents html. c'est donc pour cela que nous vous conseillons de travail avec un éditeur html ou de récupérer à chaque nouvelle page le code source d'une ancienne page.
| Comment |
Vous pouvez aussi insérer des commentaires dans les pages à fin de vous repérer facilement, bien évidemment ces commentaires n'apparaîtront pas pour l'utilisateur. Il est même nécessaire de signer vos pages grasses à des balises spécialisées qui se trouveront dans l'en-tête, voir balises spéciales (méta tag).
exemple :
<HTML> <HEAD> <TITLE> premier document </TITLE> </HEAD>
<! début de la page > <BODY>
Le premier document </BODY> </HTML>