Une page web est généralement un document HTML. HTML est l'accronyme de HyperText Mark-up Language. C'est un language de programmation. Lorsque vous visitez un site web, vous voyez le document Html tel que le navigateur l'affiche après avoir traduit le code de la page.
Si vous décidez de créer votre site web, vous allez donc devoir apprendre ce language pour discuter avec les navigateurs et leur donner les instructions d'affichage, de contenu ... etc.

Pour voir le code source d'une page, il faut demander à votre navigateur d'afficher le code source en faisant clic-droit puis "afficher la source" ou "code source".
Nous allons ici vous donner quelques bases pour comprendre la syntaxe d'un document web.

Le code d'un document HTML est composé de balises. On appelle balise un mot entouré par < et >.
Par exemple, la balise pour créer un tableau est : . 

Une balise doit toujours être fermée. Elle aura soit une balise mirroir fermante , soit elle sera auto-fermante : . La balise par exemple doit être fermée par son mirroir : . La balise d'image par contre elle est auto-fermante. Elle s'écrit ainsi : .
Note : Si vous oubliez de fermer une balise, il se peut que le navigateur l'affiche tout de même, mais cela risque de vous poser des problèmes dans certains navigateurs.

 Une balise va pouvoir contenir des attributs, c'est à dire des informations complémentaires qui vont permettre d'apporter des détails. La syntaxe d'un attribut est : attribut="valeur". Une seule balise peut contenir plusieurs attributs qui seront séparés par des espaces.

Par exemple, si nous souhaitons intégrer une image, nous allons utiliser la balise et ses attributs de hauteur, de largeur, de localisation de l'image ...etc .
Ce qui nous donnera le code suivant :

Ex :

< img  src="url_de_l'image.jpg" width="largeur_en_pixels" height="hauteur_en_pixels" alt="texte alternatif" >

Une page HTML a une syntaxe propre qu'il faut respecter. Elle commence toujours par la déclaration du doctype, puis la balise qui démarre le document html et son mirroirqui terminera le document.
A l'intérieur de la balise , on trouve un en-tête encadré par les balises et d'un corps de page entouré par la balise .

 L'en-tête est invisible sur la page web, et comporte :

- des informations destinées au serveur pour l'affichage de la page dans le navigateur (doctype, title, l'encodage de la langue)
- des informations destinées aux moteurs de recherche
- des scripts
- des localisation de documents externes
- ...etc

4# Le corps d'un document HTML

Le corps d'une page web contient le contenu de la page web telle qu'elle s'affichera sur le site. Nous allons vous présenter quelques unes des balises les plus fréquentes que vous y rencontrerez :- des paragraphes de textes :

- des images
- des tableaux
- des formulaires
- des objets multimédias
- des calques
- des sous-parties

- ...etc 

® Esprit Créatif 2007 - Tous droits de reproduction réservés