Une page HTML est en fait un fichier texte dont l'extension est .htm ou .html et qui contient des balises et des attributs décrivant la mise en page des éléments de la page. Par exemple, la ligne suivante indique à la balise font (police) d'écrire le texte (Bienvenu dans mon site) de taille 2 (size="2")

 Bienvenu dans mon site

Les balises se referment, la fermeture de la balise est indiquée par le symbole /

par exemple : <head> </head>

Pour les balises, les minuscules ou majuscules n'ont pas d'importance, mais il est préférable d'écrire le code en minuscule.
Une page HTML commence par la balise <html> et finit par </html>
Une page html type se présente de la façon suivante :

<HTML>

<HEAD>

<TITLE> Le titre de la page </TITLE>

</HEAD>

<BODY>

Contenu de la page (texte, images, liens, tableaux…)

</BODY>

</HTML>

Entre les balises <HEAD> et </HEAD>, on indique des éléments qui ne sont pas visibles dans le document comme le titre de la page, description, mots clés pour les moteurs de recherche…
La balise <TITLE> définit le titre de la page. Ce titre est visible dans la barre du navigateur, ainsi que lors d'un ajout de la page dans les favoris.
La balise <META….> définit les informations du site qui seront utilisées par les moteurs de recherche.

La balise <BODY> contient le contenu du site, c'est-à-dire tous les éléments qui s'afficheront dans la fenêtre du navigateur (textes, images, liens, tableaux…).
La balise <FONT> désigne les polices. Elle possède plusieurs attributs : la taille, la couleur, la police utilisée…

Je suis un texte en bleu de taille 3

La balise exprime un paragraphe. Elle possède l'attribut align qui sert à aligner le texte :

Je suis un texte aligné à gauche

Je suis un texte centré

Je suis un texte aligné à droite

Je suis un texte justifié

La balise effectue un retour à la ligne. Elle possède l'attribut clear avec les valeurs left, right, all, permettant d'insérer un retour à la ligne dès que la marge désignée est libre :

premier paragraphe

deuxième paragraphe

La balise  n'existe pas.

La balise met un texte en Gras.

Texte en Gras

La balise met un texte en Italique.

Texte en Italique

La balise souligne un texte.

Texte Souligné

La balise <strike> barre un texte.

< strike b>~~Texte barré~~</ strike >

La balise <sub> met un texte en Indice.

_{Texte en Indice}

La balise met un texte en Exposant.

^{Texte en Exposant}

· Les balises de mise en forme peuvent s'additionner. Par exemple, Gras et Souligné :

Texte en Gras et souligné

Les tableaux

Un tableau est défini par trois balises : <table> <tr> <td> qu'on mettra entre <body> et </body>.
La balise <table> définit le début d'un tableau.
La balise <tr> définit une ligne du tableau.
La balise <td> définit une cellule dans la ligne.

Les images

Une est défini par la balise : <img> qu'on mettra entre <body> et </body>.
L'attribut "src" permet de spécifier le chemin du fichier image.
Pour insérer une image nommée mon_logo.gif à l'intérieur d'une page, on utilisera ainsi la balise <img>
combinée à l'attribut src. Ce qui donne :

< img src="mon_logo.gif" >

Si l'image mon_logo.gif se trouve sur un autre répertoire images par exemple :

< img src="images/mon_logo.gif" >

Un texte de description s'affichera lorsque le visiteur passe le curseur sur l'image.

< img src="images/mon_logo.gif" alt="description">

L'attribut "border" entoure l'image par une bordure qui est exprimée en pixel.

< img src="images/mon_logo.gif" border="1">

L'attribut "align" positionne l'image par rapport au texte :

< img src="images/mon_logo.gif" align="right">

Retour au Sommaire