Structure du html

notion de document html

Une page html est un simple fichier texte contenant des balises html. Par convention l'extension donnée à une page html est .htm ou .html mais une page web peut potentiellement porter n'importe quelle extension notamment les suivantes :

La page html minimum

Une page html est un fichier texte commençant par la balise <html> et finissant par la balise </html>. Elle contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page.

L'en-tête est délimité par les balises <head> et </head>.
Le corps est délimité par les balises <body> et </body>.

Ainsi la page html minimum peut être représentée comme suit :

<html>

	 <head> 
	 	 <title> Le titre </title>
	 </head>

	 <body>

	 	 Contenu de la page

	 </body>

</html>

Déclaration du type de document

Il est nécessaire d'indiquer dans la page html le prologue du type de document, c'est-à-dire une référence à la norme html utilisée, afin de spécifier le standard utilisé pour le codage de la page en html. Cette déclaration se fait par une simple ligne du type :

<!doctype html public "-//W3C//Dtd html 4.0//EN">
<html>
	<head>...</head>
	<body>Contenu de la page</body>
</html>

Éditeurs html

Une page web peut être construite à partir du plus basique des éditeurs de texte (une application bloc-note par exemple), mais il existe des éditeurs beaucoup plus évolués.

Les éditeurs WYSIWYGWhat You See Is What You Get», littéralement «ce que vous voyez est ce que vous obtenez») sont des éditeurs graphiques permettant de travailler sur une page web telle qu'elle sera affichée sur un navigateur à quelques détails près. Grâce à ce genre d'éditeurs il est possible d'ajouter des balises par simple clic et d'en modifier les attributs en éditant leur propriétés dans un formulaire. Pour autant, afin d'utiliser au mieux ce genre d'éditeur, une connaissance préalable du html est tout de même très utile.

Il existe également des éditeurs permettant d'éditer le code html en affichant les balises, les attributs et leurs valeurs avec différentes couleurs pour une meilleure lecture et proposant parfois des outils pour vérifier la validité du code html.