Ici vous pourrez tester en ligne vos code et voir les resultats directement:
<HTML>
<HEAD>
<TITLE>Bienvenue A Feghal</TITLE>
</HEAD>
<BODY>
<IMG src="/files/images/titre.jpg" alt="Village de Feghal" align=left border=0>
<H1>Village de Feghal</H1>
<p>Feghal est un paisible village situé entre Byblos et Batroun du coté
de la mer.
<p>Bienvenue sur ce site consacré à l'estuaire de la
seine. Entre trois villes et deux ponts, des roselières, des vasières
et un port.
<p>Vous voulez un <a href=menu.html title="renseignement">renseignement</a>?
</BODY>
<</HTML>
Les "<" et ">" permettent de donner un role au differentes parties du texte. Ces signes entourent les balises html et
c'est grace a eux que la page obtienne telle ou telle mise en page. En examinant le code vous aller comprendre le role de chaque element (Balise). Copier coller ce texte
dans un fichier notepad, nommez-le test.html et enregistrez le, puis faites un doble clique sur le resultat.
Les éléments
Le principe du langage markup HTML consiste à utiliser des éléments délimités par des balises.
HTML est un langage de type SGML qui permet d'ecrire des pages utilisable au World Wide Web (WWW).
Les éléments permettent d'associer à différents blocs (texte, images...) les informations
structurelles, sémantiques et de présentation désirées. Les principaux éléments HTML
permettent de définir des liens hypertextes, des titres, des paragraphes, des listes,
des tableaux, des images, et cætera...
Les balises
Les éléments sont délimités par des balises. On place une balise de début avant le contenu de l'élément et une balise de fin après. Mais dans certains cas, la balise de fin n'est pas nécessaire.
Une balise est formée en encadrant le nom de l'élément avec les symboles < et > (soit
où element est le nom de l'élément). Pour une balise de fin on ajoute le caractère / avant le nom de l'élément (soit . Dans l'exemple suivant on définit un titre ou en-tête principal (élément H1). Seul le texte balisé constitue l'élément H1. Les navigateurs courants utilisent pour ce genre d'éléments une typographie plus forte.
Ici vous pourrez tester en ligne vos code et voir les resultats directement: