Référence des balises HTML

Ce tableau contient les balises HTML usuelles avec une courte description.

Balises de base
<html></html>
Balise d’un document HTML
<head></head>
Balise d’en-tête d’un document avec les informations invisibles dans la page comme le titre ou les scripts Javascript
<body></body>
Balise du document visible.

 

Balises d’en-tête ou balises meta (meta tag)
<title></title>
Titre de la page (affichée dans la barre du haut du navigateur)

 

Attributs de la balise BODY
<body bgcolor="#C0C0C0">
Couleur de fond de la page en valeur hexadécimale
<body text="#000000">
Couleur du texte en valeur hexadécimale
<body link="#0000FF">
Couleur des hyperliens en valeur hexadécimale
<body vlink="#800080">
Couleur des hyperliens visités en valeur hexadécimale
<body alink="#">
Couleur des hyperliens lors d’un clic en valeur hexadécimale

 

Balises de texte
<pre></pre>
Texte pré-formaté (avec espaces)
<hl></hl>
Plus gros texte d’en-tête
<h6></h6>
Plus petit texte d’en-tête
<b></b>
Texte en caractères gras
<i></i>
Texte en italique
<font size="2"></font>
Grandeur du texte de 1 à 7
<font color="#000000"></font>
Couleur du texte en valeur hexadécimale

 

Balises du lien hypertexte
<a href="URL"></a>
Lien hypertexte normal
<a href="mailto:courriel"></a>
Lien d’adresse électronique (courriel)
<a target="nom"></a>
Défini le "target" ou le nom de la fenêtre qui recevera la page d’un lien hypertexte
<a href="#ancre"></a>
Lien dans le même document à l’aide d’ancre

 

Balises de formatage
<p></p>
Paragraphe
<p align="left|center|right">
Alignement d’un paragraphe à gauche, au centre ou à droite
<br>
Saut de ligne
<blockquote> </blockquote>
Indentation d’un paragraphe
<dl></dl>
Liste d’éléments
<dt>
Avant chaque terme de définition
<dd>
Avant chaque définition
<ol></ol>
Énumération
<li></li>
Élément d’une énumération avec chiffre
<ul></ul>
Liste avec point
<div align="left|center|right">
Alignement d’un bloc du document HTML à gauche, au centre ou à droite. Aussi utilisé pour les feuilles de style

 

Balises graphique
<img src="url de l’image">
Image
<img src="url" align="left|right|center|bottom|top|middle">
Alignement de l’image: gauche, droite, centre, bas, haut, millieu
<img src="url" border="100">
Grandeur de la bordure d’une image en pixels
<hr>
Ligne horizontale
<hr size="1">
Hauteur d’une ligne en pixels
<hr width="75%">
Longueur d’une ligne en pixels (peut être en pourcentage)
<hr noshade>
Ligne sans ombrage

 

Balises des tables
<table></table>
Table ou tableau
<tr></tr>
Chaque ligne d’un tableau
<td></td>
Chaque colonne d’un ligne d’un tableau (une cellule)
<th></th>
En-tête d’une colonne d’un tableau (cellule normal avec texte gras et centré par défaut)

 

Attributs d’un tableau
<table border="1">
Largeur de la bordure d’une cellule d’un tableau en pixels
<table cellspacing="1">
Espace entre les cellules d’un tableau en pixels
<table cellpadding=#>
Espace entre le contenu d’une cellule et la bordure de la cellule d’un tableau en pixels
<table width="100%">
Largeur en pixels ou en pourcentage d’un tableau
<tr align="left|center|right"> ou <td align="left|center|right">
Allignement horizontal d’une ou des cellules (gauche, centre ou droite)
<tr valign="top|middle|bottom"> or <td valign="top|middle|bottom">
Allignement vertical d’une ou des cellules (haut,millieu, bas)
<td colspan=#>
Nombre de colonne jumelé dans une colonne ou nombre de colonne dans une cellule
<td rowspan=#>
nombre de ligne jumelé ou nombre de ligne d’une cellule (defaut=1)
<td nowrap>
Empèche une phrase ou les éléments d’une cellule d’être scindé en plusieurs lignes

 

Balises d’ensembles de cadres "frameset"
<frameset></frameset>
Ensemble de cadre (peut être imbriqué dans un autre "frameset")
<frameset rows="150,25%,*">
Hauteur des cadres d’un ensemble de cadre vertical en pixels ou en pourcentage (l’astérisque "*" indique l’espace restant)
<frameset cols="150,25%,*">
Largeur des cadres d’un ensemble de cadre horizontal en pixels ou en pourcentage (l’astérisque "*" indique l’espace restant)
<frame>
Cadre
<noframes></noframes>
Pour les navigateurs qui ne supportent pas les ensembles de cadres

 

Attributs du cadre
<frame src="URL">
URL du document HTML d’un cadre
<frame name="nom">
Nom d’un cadre utilisé pour les hyperliens entre cadres
<frame marginwidth="0">
Marge de gauche et de droite d’un cadre en pixels
<frame marginheight="1">
Marge du haut et du bas d’un cadre en pixels
<frame scrolling="yes|no|auto">
Barre de défillement "oui, non, ou automatique" (automatique, seulement si le contenu du cadre n’entre pas au complet dans la fenêtre
<frame noresize>
Empèche de redimantionner le cadre

 

Balises de formulaire
<form></form>
Formulaire
<select multiple name="NOM" size="1"></select>
Menu déroulant sélection multiple. avec son nom et le nombre d’élément visible.
<select name="NOM"></select>
Menu déroulant
<option>
Élément ou option d’un menu déroulant
<textarea name="NOM" cols="30" rows="4"></textarea>
Saisie d’un texte à plusieurs ligne. cols = largeur en nombre de caractères; rows = nombre de ligne.
<input type="checkbox" name="NOM">
Boîte de sélection (plusieurs boîtes peuvent être coché)
<input type="radio" name="NOM" value="1">
"radio button" (une seule boîte ou cercle peut être coché)
<input type=text name="nom" size="30">
Saisie d’un texte sur une seule ligne. (size = largeur en nombre de caractères)
<input type="submit" value="Envoyer">
Boutons pour envoyer le formulaire
<input type="image" border="0" name="NOM" src="URL de l’image">
Boutons pour envoyer le formulaire utilisant une image
<input type="reset" value="Rétablir">
Bouton pour rétablir le formulaire d’origine

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site