SELFHTML

Sommaire de référence: HTML

Page d'information: vue d'ensemble

vers le bas Remarque
vers le bas Ossature HTML
vers le bas Mentions d'entête HTML
vers le bas Réglages pour tout un fichier
vers le bas Éléments pour structurer le texte
vers le bas Tableaux
vers le bas Liens (Links)
vers le bas Graphiques
vers le bas Formulaires
vers le bas Cadres
vers le bas Multimédia
vers le bas Calques (Netscape)
vers le bas Éléments HTML avancés
Chapitre: vue d'ensemble Sommaire de référence HTML

 vers le bas 

Remarque

Le sommaire de référence HTML n'est pas conçu pour les débutants! Le sommaire de référence HTML s'adresse aux utilisateurs qui s'y connaissent déjà en HTML et qui désirent avoir lors de leur travail quotidien une vue générale de la syntaxe et des éléments du langage importants dans la pratique (Le sommaire de référence ne prétend pas être exhaustif!). Le sommaire de référence est tout indiqué comme aide à la navigation. À partir des courts descriptifs, des liens du type Autre page d'information description mènent aux explications détaillées dans la documentation.

 vers le hautvers le bas 

Ossature HTML

Ossature HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Titre</title>
</head>
<body>
 <!-- contenu du fichier -->
</body>
</html>
Donner un titre explicite pour Titre dans l'entête de fichier! Noter tout le contenu visible du fichier entre <body> et </body>.
Autre page d'information description
 

Mentions du
type de document

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/transitional.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
     "http://www.w3.org/TR/html4/frameset.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<HTML PUBLIC "-//W7C//DTD HTML 3.2//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 2.0//EN">

Autre page d'information description
 

Commentaires

<!-- Ceci est un commentaire -->
Pour documenter en interne des contenus ou des commandes. N'est pas affiché dans le navigateur.
Autre page d'information description
 

 
 vers le hautvers le bas 

Mentions d'entête HTML

Mention Meta:
auteur

<meta name="author" content="Name">
Noter pour Name le nom de l'auteur.
Autre page d'information description
 

Mention Meta:
description

<meta name="description" content="Text">
Noter pour Text un descriptif sommaire du contenu.
Autre page d'information description
 

Mention Meta:
mots clés

<meta name="keywords" content="mot, mot, mot">
Noter pour chaque mot un mot-clé sur le contenu . Leur nombre est variable. Séparer les mots clés par des virgules.
Autre page d'information description
 

Mention Meta:
date et heure

<meta name="date" content="yyyy-MM-ddThh:mm:ss+hh:mm">
yyyy = année, MM = Mois, dd = jour, T = lettre invariable, hh = heures, mm = minutes, ss = secondes, +/- = variation en heures et en minutes par rapport à l'heure de Greenwich.
Autre page d'information description
 

Mention Meta:
Robots

<meta name="robots" content="index|noindex|follow|nofollow">
Instruction aux moteurs de recherche:
index = lecture permise ,
noindex = lecture non permise,
follow = suivre les liens permis,
nofollow = suivre les liens non permis.
Autre page d'information description
 

Mention Meta:
jeu de caractères

<meta http-equiv="content-type" content="type Mime; charset=jeu de caractères">
Noter pour type Mime quelque chose comme text/html et pour jeu de caractères quelque chose comme ISO-8859-1.
Autre page d'information description
 

Mention Meta:
langage de style

<meta http-equiv="Content-Style-Type" content="type Mime">
Noter pour type Mime quelque chose comme text/css.
Autre page d'information description
 

Mention Meta:
langage script

<meta http-equiv="Content-Script-Type" content="type Mime">
Noter pour type Mime quelque chose comme text/javascript.
Autre page d'information description
 

Mention Meta:
adresse d'origine

<meta http-equiv="expires" content="0">
Mentionner la date à partir de laquelle il faut charger de l'adresse originale. 0 signifie: toujours charger de l'adresse d'origine (ignorer le serveur Proxy).
Autre page d'information description
 

Mention Meta:
Faire suivre
automatiquement

<meta http-equiv="refresh" content="0; URL=URI">
Mentionner quand et quelle adresse doit être chargée automatiquement. 0 signifie: tout de suite (mention exprime le délai en secondes).
Pour URI mentionner une adresse Web ou une cible avec ou sans chemin qui doit être chargée automatiquement après le temps mentionné.
Autre page d'information description
 

Adresse de base

<base href="URI">
Pour URI mentionner une adresse Web ou une cible avec ou sans chemin qui doit servir de base pour un adressage relatif.
Autre page d'information description
 

Fenêtre cible de base

<base target="Nom">
fenêtre cible standard pour les liens pour des cadres, pour les liens proprement-dits, aucune mention n'est plus alors nécessaire pour target=. Pour Nom mentionner le nom de fenêtre désiré.
Autre page d'information description
 

Relations
logiques

<link rel="relation" title="Titre"href="URI">
<link rev="relation" title="Titre" href="URI">
rel= équivaut à relation, rev= à relation de retour.
Pour relation Pour les deux attributs les mentions suivantes sont possibles:
contents = index du contenu
chapter = chapitre
section = section
subsection = sous-section
index = index des mots clés
glossary = glossaire
appendix = annexe
copyright = remarques sur les droits
next = page suivante
prev = page précédente
start = page de début
help = page d'aide
bookmark = point d'orientation générale
alternate = autre mode de lecture
stylesheet = incorporer un fichier de feuilles de style externe
Pour Titre noter un texte pour l'inscription pour le cas où celle-ci apparaît.
Pour URI mentionner une adresse Web ou une cible avec ou sans chemin qui doit être reliée.
Autre page d'information description
 

 
 vers le hautvers le bas 

Réglages pour tout un fichier

Couleurs pour le texte,
l'arrière-plan et
les liens

<body bgcolor="#XXXXXX" text="#XXXXXX"
   link="#XXXXXX" vlink="#XXXXXX" alink="#XXXXXX">
bgcolor = couleur globale d'arrière-plan ,
text = couleur globale du texte ,
link = couleur globale pour les liens aux cibles non-visitées ,
vlink = couleur globale pour les liens aux cibles déjà visitées,
alink = couleur globale pour les liens venant d'être cliqués .
Pour #XXXXXX mentionner une couleur notée en hexadécimal ou un nom de couleur autorisé.
Autre page d'information description
 

image d'arrière-plan
(papier peint)

<body background="URI">
Pour URI mentionner une adresse Web avec ou sans chemin du fichier graphique souhaité.
Autre page d'information description
 

 
 vers le hautvers le bas 

Éléments pour structurer le texte

Titres

<h[1-6]>Texte</h[1-6]>
Six niveaux de titres sont permis à savoir par exemple , donc par exemple <h1>Texte</h1>.
Autre page d'information description
 

Aligner
les titres

<h[1-6] align="alignement">Text</h[1-6]>
pour alignement noter une des valeurs suivantes:
left = à gauche,
center = centré,
right = à droite,
justify = justifié.
Autre page d'information description
 

paragraphes de
texte

<p>Texte</p>
Autre page d'information description
 

aligner des
paragraphes de
texte

<p align="alignement">Texte</p>
Pour alignement noter une des valeurs suivantes:
left = à gauche,
center = centré,
right = à droite,
justify = justifié.
Autre page d'information description
 

forcer le
passage à
la ligne

Texte vieille ligne<br>Texte nouvelle ligne
Autre page d'information description
 

Listes énumératives

<ul>
<li>élément de liste</li>
<li>élément de liste</li>
</ul>
Autre page d'information description
 

Types de puces pour
Listes énumératives

<ul type="Type">
<li>élément de liste</li>
<li>élément de liste</li>
</ul>
Pour Type noter une des valeurs suivantes:
circle = cercle/point ,
disc = cercle plein,
square = carré.
Autre page d'information description
 

listes numérotées

<ol>
<li>élément de liste</li>
<li>élément de liste</li>
</ol>
Autre page d'information description
 

listes numérotées
alphabétiquement
ou en
chiffres romains

<ol type="Type">
<li>élément de liste</li>
<li>élément de liste</li>
</ol>
Pour Type noter une des valeurs suivantes:
a = pour alphabétiquement -minuscules,
A = pour alphabétiquement -majuscules,
i = pour chiffres romains -minuscules,
I = pour chiffres romains -majuscules.
Autre page d'information description
 

influencer
la numérotation

<ol start="valeur de départ">
<li>élément de liste</li>
<li value="valeur de poursuite">élément de liste</li>
</ol>
Pour valeur de départ noter le nombre pour la valeur de départ souhaitée,
pour valeur de poursuite le nombre avec la valeur de poursuite souhaitée à l'intérieur de la liste.
Autre page d'information description
 

listes de définitions
(glossaire)

<dl>
<dt>expression à définir</dt>
<dd>définition de l'expression</dd>
</dl>
Autre page d'information description
 

listes de menus

<menu>
<li>élément de liste</li>
<li>élément de liste</li>
</menu>
Autre page d'information description
 

listes de
répertoires

<dir>
<li>élément de liste</li>
<li>élément de liste</li>
</dir>
Autre page d'information description
 

représenter des
listes
sous forme
condensée

<ul compact> <!-- contenu de la liste --> </ul>
Possible aussi bien avec ol, menu et dir.
Autre page d'information description
 

Citations

<blockquote>Texte</blockquote>
Autre page d'information description
 

citations avec
mention de la
source URI

<blockquote cite="URL">Texte</blockquote>
Pour URI mentionner une adresse Web ou une cible avec la source.
Autre page d'information description
 

Adresses

<address>Texte</address>
Autre page d'information description
 

texte
pré formaté

<pre>texte</pre>
Autre page d'information description
 

Largeur d'un
texte
pré-formaté

<pre width="largeur">texte</pre>
Pour largeur noter le nombre de signes par ligne.
Autre page d'information description
 

marquage
logique de texte
(incorporé)

<em>avec intonation </em>
<strong>avec une forte intonation</strong>
<code>code source</code>
<samp>exemple</samp>
<kbd>entrée clavier</kbd>
<var>variable</var>
<cite>citation</cite>
<dfn>définition </dfn>
<acronym>abréviation</acronym>
<abbr>notation abrégée</abbr>
Autre page d'information description
 

Marquage
de modification

<ins>texte inséré</ins>
<del>texte effacé</del>
Autre page d'information description
 

Marquage
de modification
avec date

<ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">texte inséré</ins>
<del datetime="yyyy-MM-ddThh:mm:ss+hh:mm">texte effacé</del>
yyyy = année, MM = mois, dd = jour, T = lettre invariable, hh = heures, mm = minutes, ss = secondes, +/- = variation en heures et en minutes par rapport à l'heure de Greenwich.
Autre page d'information description
 

Sens du texte

<bdo dir="direction">
Pour direction noter une des valeurs suivantes:
rtl = pour droite à gauche,
ltr = pour gauche à droite.
Autre page d'information description
 

marquage
physique de texte
(incorporé)

<b>gras</b>
<i>italique</i>
<tt>courrier (télétexte)</tt>
<u>souligné</u>
<strike>barré</strike>
<s>barré</s>
<big>plus grand que normal</big>
<small>plus petit que normal</small>
<sup>exposant</sup>
<sub>indice</sub>
Autre page d'information description
 

Élément de bloc
commun

<div>divers éléments HTML</div>
par exemple pour les formatages CSS.
Autre page d'information description
 

Élément de bloc
commun
avec alignement

<div align="alignement">divers éléments HTML</div>
Pour ;alignement noter une des valeurs suivantes:
left = à gauche,
center = centré,
right = à droite,
justify = justifié.
Autre page d'information description
 

Élément de bloc
commun
centré

<center>divers éléments HTML</center>
Autre page d'information description
 

Élément incorporé
commun

<span>Texte</span>
par exemple pour des formatages CSS.
Autre page d'information description
 

lignes de
séparation

Texte placé avant
<hr>
Texte placé après
Autre page d'information description
 

Propriétés des
lignes de
séparation

<hr width="largeur" size="hauteur" align="alignement">
Pour largeur noter un nombre comme par exemple 300 pour le nombre de pixels ou une valeur en pourcentage comme par exemple 50%.
Pour hauteur noter un nombre comme par exemple 5 pour le nombre de pixels.
Pour alignement noter une des valeurs suivantes:
left = à gauche,
center = centré,
right = à droite.
Autre page d'information description
 

Formatage de police

<font size="taille">Texte</font>
<font color="#XXXXXX">Texte</font>
<font face="police">Texte</font>
<basefont size="taille">
contenu suivant
<basefont color="#XXXXXX">
contenu suivant
<basefont face="genre de police">
contenu suivant
font utiliser pour le marquage incorporé,
basefont comme marquage pour les contenus qui suivent.
size = taille de police,
color = couleur de police,
face = genre de police.
Pour taille de police noter une valeur comprise entre 1 (très petit) et 7 (très grand) - 3 correspond à la normale.
Ou bien une valeur relative comme par exemple +1, +2 etc... pour plus grand, ou bien -1, -2 etc... pour plus petit.
Pour #XXXXXX mentionner une couleur RGB notée en hexadécimal ou un nom de couleur permis.
Pour genre de police mentionner le nom d'un ou de plusieurs genres de polices (en alternative) séparés par des virgules.
Autre page d'information description
 

 
 vers le hautvers le bas 

Tableaux

Construction du
tableau

<table border="épaisseur">
<tr>
<th>cellule d'entête</th>
<th>cellule d'entête</th>
</tr>
<tr>
<td>cellule de données</td>
<td>cellule de données</td>
</tr>
</table>
Tableau avec quadrillage visible par la mention de border= dans le repère d'ouverture du tableau, en l'omettant, le tableau devient sans quadrillage.
Pour épaisseur mentionner un nombre comme par exemple 3 pour le nombre de pixels de l'épaisseur de la bordure extérieure.
Autre page d'information description
 

prédéfinir des
colonnes

<table >
<colgroup>
<col>
<col width="largeur" span="nombre">
</colgroup>
<tr>
<td>cellule</td>
<td>cellule</td>
</tr>
</table>
Avec des repères <col> prédéfinir autant de colonnes que le tableau compte. Groupez les avec des éléments colgroup.
width = largeur de colonne (mention facultative).
Pour largeur mentionner un nombre comme par exemple 100 pour les pixels,
ou une valeur en pourcentage comme par exemple 20%,
ou un rapport par rapport aux autres colonnes (par exemple 4* = 4 parts de la somme des parts ainsi définies dans les autres colonnes).
span = Mention sur la largeur s'appliquant à autant de colonnes qui suivent que mentionné.
Pour nombre mentionner un nombre comme par exemple 3 pour le nombre de colonnes auxquelles les mentions doivent s'appliquer.
Autre page d'information description
 

Entête, pied
et corps
d'un tableau

<table>
<thead>
<!--rangées du tableau-->
</thead>
<tfoot>
<!--rangées du tableau-->
</tfoot>
<tbody>
<!--rangées du tableau-->
</tbody>
</table>
Noter dans cet ordre.
Autre page d'information description
 

Espace des Cellules
et espace intérieur des
cellules

<table cellspacing="espace" cellpadding="espace intérieur">
<!-- contenu du tableau -->
</table>
cellspacing = espace des Cellules entre elles,
cellpadding = Espace entre le bord de la cellule et le contenu de la cellule.
Pour espace et espace intérieur mentionner des nombres comme par exemple 5 et 10 pour le nombre de pixels désiré.
Autre page d'information description
 

Règles pour la
bordure extérieure

<table border="épaisseur" frame="type">
<!-- contenu du tableau -->
</table>
Mentionner une épaisseur de façon à ce qu'une bordure extérieure soit visible.
Pour épaisseur mentionner un nombre comme par exemple 3 pour le nombre de pixels de l'épaisseur de la bordure extérieure.
Pour type noter une des valeurs suivantes:
box = bordure faisant le tour,
above = bordure pour le haut seulement,
below = bordure pour le bas seulement,
hsides = bordure pour le haut et le bas seulement.
vsides = bordure pour la gauche et la droite seulement.
lhs = bordure pour la gauche seulement.
rhs = bordure pour la droite seulement.
Autre page d'information description
 

Tègles pour
le quadrillage

<table border="épaisseur" rules="type">
<!-- contenu du tableau -->
</table>
mentionner l'épaisseur de la bordure pour que la bordure extérieure et le quadrillage soient visibles.
Pour épaisseur mentionner un nombre comme par exemple 3 pour le nombre de pixels l'épaisseur de la bordure extérieure.
Pour type noter une des valeurs suivantes:
none = pas de quadrillage,
rows = lignes uniquement entre les rangées du tableau,
cols = lignes uniquement entre les colonnes du tableau,
groups = lignes uniquement entre l'entête, le corps, et le pied,
all = quadrillage complet (réglage normal).
Autre page d'information description
 

Mentions de largeur
et de hauteur

<table width="largeur">
<tr>
<th width="largeur" height="hauteur">cellule d'entête</th>
<th>cellule d'entête</th>
</tr>
<tr>
<td>cellule de données</td>
<td width="largeur" height="hauteur">cellule de données</td>
</tr>
</table>
width = largeur,
height = hauteur.
Mentionner la largeur du tableau complet dans le repère d'ouverture <table>,
la largeur d'une colonne de tableau dans l'un des repères d'ouverture de la colonne <th> ou bien <td>,
et la hauteur d'une rangée de tableau dans l'un des repères d'ouverture de la rangée <th> ou bien <td>.
Pour largeur mentionner un nombre comme par exemple 100 pour le nombre de pixels,
ou une valeur en pourcentage comme par exemple 20%.
Pour hauteur mentionner un nombre comme par exemple 50 pour le nombre de pixels.
Autre page d'information description
 

Empêcher le
passage à la ligne
dans les cellules

<th nowrap>cellule d'entête</th>
<td nowrap>cellule de données</td>
Autre page d'information description
 

Aligner les cellules
horizontalement

<th align="alignement">cellule d'entête</th>
<td align="alignement">cellule de données</td>
Pour alignement noter une des valeurs suivantes:
left = à gauche,
center = centré,
right = à droite,
justify = justifié,
char = pour le signe décimal. Dans ce cas, noter char= comme attribut supplémentaire en lui affectant comme valeur un signe décimal comme la virgule (char=","). Mentionner le cas échéant avec l'attribut charoff= à quel endroit le signe décimal peut être placé au plus tôt (par exemple charoff="10").
Autre page d'information description
 

Aligner les cellules
verticalement

<th valign="alignement">cellule d'entête</th>
<td valign="alignement">cellule de données</td>
Pour alignement noter une des valeurs suivantes:
top = en haut,
middle = au milieu,
bottom = en bas,
baseline = sur une ligne de base commune, de façon à ce que la première ligne de texte commence toujours à la même hauteur.
Autre page d'information description
 

Couleur d'arrière-plan

<table bgcolor="#XXXXXX">
<tr bgcolor="#XXXXXX">
<th bgcolor="#XXXXXX">cellule d'entête</th>
<td bgcolor="#XXXXXX">cellule de donnée</td>
</tr>
</table>
Pour #XXXXXX mentionner une notée en hexadécimal ou un nom de couleur permis.
Autre page d'information description
 

Image d'arrière-plan
(papier peint)

<table background="URI">
<tr background="URI">
<th background="URI">cellule d'entête</th>
<td background="URI">cellule de données</td>
</tr>
</table>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier graphique désiré.
Autre page d'information description
 

relier des
cellules

<th rowspan="rangées">cellule d'entête</th>
<td rowspan="rangées">cellule de données</td>
<th colspan="Spalten">cellule d'entête</th>
<td colspan="Spalten">cellule de données</td>
<th rowspan="rangées" colspan="colonnes">cellule d'entête</th>
<td rowspan="rangées" colspan="colonnes">cellule de données</td>
Pour rangées mentionner un nombre comme par exemple 3 pour fixer le nombre de rangées sur lesquelles la cellule doit s'étendre.
Pour colonnes un nombre comme par exemple 3 pour fixer le nombre de colonnes sur lesquelles la cellule doit s'étendre.
Autre page d'information description
 

Tites et légende
de tableau

<table>
<caption align="alignement">Texte</caption>
<tr>
<td>Zelle</td>
<td>Zelle</td>
</tr>
</table>
Noter l'élément caption immédiatement derrière le repère d'ouverture <table>. L'attribut pour l'alignement (align) est facultatif.
Pour alignement noter une des valeurs suivantes:
left = inscription sur le côté gauche du tableau,
right = inscription sur le côté droit du tableau,
bottom = inscription sur en dessous du tableau,
top = inscription au dessus du tableau (réglage normal).
Autre page d'information description
 

Aligner des
tableaux

<table align="alignement" hspace="gauchedroite" vspace="hautbas">
<!-- contenu du tableau -->
</table>
Pour alignement noter une des valeurs suivantes:
left = Aligner le tableau à gauche, (les contenus qui suivent passent à droite du tableau),
right = Aligner le tableau à droite (les contenus qui suivent passent à gauche du tableau),
center = Aligner le tableau su centre.
Pour gauchedroite noter un nombre comme par exemple 10 pour déterminer l'espace en pixels avec l'environnement à gauche et à droite.
Pour hautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels avec l'environnement en haut et en bas.
Autre page d'information description
 

Résumé
du contenu
d'un tableau

<table summary="Texte">
<!-- contenu du tableau -->
</table>
Autre page d'information description
 

 
 vers le hautvers le bas 

Liens (Links)

Verweis definieren

<a href="URI">texte du lien</a>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier ou de la source devant être relié.
URI peut être:
une ancre dans le même fichier (par exemple #nom d'ancre)
un autre fichier (par exemple fichier.htm)
un autre fichier dans un autre répertoire (par exemple ../répertoire/fichier.htm)
une ancre dans un autre fichier (par exemple fichier.htm#nom d'ancre)
une adresse WWW (http://...)
une adresse Gopher (gopher://...)
une adresse FTP (ftp://...)
une adresse Telnet (telnet://...)
une adresse de groupe de nouvelles (news:...)
une adresse locale absolue (file://...)
Autre page d'information description
 

Définir une ancre

<a name="nom d'ancre">[contenu]</a>
Pour nom d'ancre noter un nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information description
 

Fenêtre-cible
pour les liens

<a href="URI" target="Fenêtre-cible">texte du lien</a>
Pour Fenêtre-cible mentionner le nom d'une fenêtre-cadre définie ou l'un des noms réservés suivants:
_blank = ouvrir le lien dans une nouvelle fenêtre,
_self = ouvrir le lien dans la même fenêtre,
_parent = terminer le jeu de cadres actuel lors de l'exécution du lien,
_top = terminer tous les jeux de cadres lors de l'exécution du lien.
Autre page d'information description
 

Liens à des
adresses électroniques

<a href="mailto:nom@domaine.xy">texte du lien</a>
<a href="mailto:nom@domaine.xy?subject=Thema">texte du lien</a>
<a href="mailto:nom@domaine.xy?cc=nom2@domaine.xy">texte du lien</a>
<a href="mailto:nom@domaine.xy?bcc=nom2@domaine.xy">texte du lien</a>
<a href="mailto:nom@domaine.xy?body=Texte">texte du lien</a>
<a href="mailto:nom@domaine.xy?complement1&complement2">texte du lien</a>
Mentionner au choix un objet par défaut (subject=), des destinataires de copie visibles (cc=), des destinataires de copie invisibles (bcc=) ou un texte par défaut (body=). Plusieurs de ces mentions peuvent être combinées comme dans l'exemple avec complement1&complement2.
Masquer dans les mentions les caractères dont les valeurs de caractères sont supérieures à 127 en hexadécimal, par exemple %E7 pour 135 ("ç"). De la même façon, certains signes standard qui peuvent avoir une signification dans l'URI sont à masquer.
Autre page d'information description
 

Relations
logiques à la
cible du lien

<a href="URI" rel="relation">texte du lien</a>
<a href="URI" rev="relation">texte du lien</a>
rel= équivaut à relation, rev= à relation en arrière.
Pour relation noter une des valeurs suivantes:
contents = index du contenu
chapter = chapitre
section = partie
subsection = sous-section
index = index des mots-clés
glossary = glossaire
appendix = annexe
copyright = mention des droits
next = page suivante
prev = page précédente
start = page de départ
start = page d'aide
bookmark = point d'orientation générale
alternate = autre mode de lecture
Autre page d'information description
 

langue et jeu
de caractères de la
cible du lien

<a href="URI" hreflang="abréviation de langue"
charset="jeu de caractères">texte du lien</a>
Pour abréviation de langue noter quelque chose comme de, en, fr, et pour jeu de caractères quelque chose comme ISO-8859-1.
Autre page d'information description
 

Recherche
par tabulateur

<a href="URI" tabindex="numéro d'index">texte du lien</a>
Pour chaque lien. noter u nombre pour numéro d'index. Le nombre le plus bas est atteint en premier, le plus élevé en dernier.
Autre page d'information description
 

Raccourcis clavier

<a href="URI" accesskey="lettre">texte du lien</a>
Pour lettre entrer quelque chose comme h ou bien m. Exécutable la plupart du temps avec la touche [Alt] et la lettre mentionnée.
Autre page d'information description
 

 
 vers le hautvers le bas 

Graphiques

Incorporer des graphiques

<img src="URI" alt="alternative en texte">
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier graphique désiré.
Pour alternative en texte noter un court texte au cas où le graphique ne peut pas être affiché.
Autre page d'information description
 

largeur et hauteur
du graphique

<img src="URI" alt="alternative en texte" width="largeur" height="hauteur">
Pour largeur et hauteur mentionner un nombre comme par exemple 100 pour les pixels,
ou une valeur en pourcentage comme par exemple 60% pour la taille par rapport à l'environnement.
Autre page d'information description
 

Bordure autour
du graphique

<img src="URI" alt="alternative en texte" border="épaisseur">
Pour épaisseur noter un nombre comme par exemple 3 pour l'épaisseur de la bordure en pixels.
Autre page d'information description
 

Noms pour
des graphiques

<img src="URI" alt="alternative en texte" name="nom">
Pour nom noter un nom. Ni espace, ni accent, le premier signe doit être une lettre, à part ça chiffres, tirets de soulignement (_), trait d'union, (-), deux points (:) ou point (.).
Autre page d'information description
 

Description longue
pour le graphique

<img src="URI" alt="alternative en texte" longdesc="URI">
Pour URI noter pour longdesc une adresse Web ou la cible avec ou sans chemin du fichier (par exemple HTML) avec les descriptions sur le graphique.
Autre page d'information description
 

Aligner
des graphiques
dans le texte

<img src="URI" alt="alternative en texte" align="alignement">
Pour alignement noter une des valeurs suivantes:
top = en haut avec du texte avant ou après,
middle = au milieu par rapport au texte avant ou après,
bottom = en bas avec du texte avant ou après.
Autre page d'information description
 

Faire passer le texte
à côté du graphique

<img src="URI" alt="alternative en texte"
   align="alignement" hspace="gauchedroite" vspace="hautbas">
Pour alignement noter une des valeurs suivantes:
left = Aligner le graphique à gauche, (les contenus qui suivent passent à droite du graphique),
right = Aligner le graphique à droite (les contenus qui suivent passent à gauche du graphique),
Pour gauchedroite noter un nombre comme par exemple 10 pour déterminer l'espace en pixels avec l'environnement à gauche et à droite.
Pour hautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels avec l'environnement en haut et en bas.
Autre page d'information description
 

Graphiques composés
de liens

<img src="URI"? alt="alternative en texte" usemap="#nom de carte">
<map name="nom de carte">
<area shape="Type" coords="coordonnées" href="URI">
</map>
Pour Mapname de l'attribut usemap du repère <img> et pour l'attribut name du repère <map> attribuer le même nom. Pour l'attribut usemap faire précéder du signe dièse #.
Pour Type noter une des valeurs suivantes:
rect = passage rectangulaire dans le graphique,
circle = passage circulaire,
poly = passage polygonal (polygone).
Pour les coordonnées pour rect mentionner quelque chose comme 10,20,90,100 (10 est le commencement en pixels à partir de la gauche, 20 le commencement à partir du haut, 90 coin bas à partir de la gauche, 100 le coin de droite à partir du bas),
pour les coordonnées pour circle mentionner quelque chose comme 100,150,50 (100 est le centre du cercle à partir de la gauche en pixels, 150 le centre du cercle à partir du haut, 50 le rayon du cercle),
et pour les coordonnées pour poly mentionner quelque chose comme 10,20,40,30,300,200 (10 est le premier coin en pixels en partant de la gauche, 20 le premier coin à partir du haut, 40 le deuxième coin en partant de la gauche, 30 le deuxième coin en partant du haut, 300 le troisième coin en partant de la gauche, 200 le troisième coin en partant du haut). Et autant d'angles que souhaités.
Pour URI noter pour l'attribut href la cible du lien, qui doit être reliée au passage correspondant.
Autre page d'information description
 

 
 vers le hautvers le bas 

Formulaires

Définir un formulaire

<form action="URI" method="méthode" enctype="type Mime">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
Mentionner pour URI une adresse Web ou la cible avec ou sans chemin du fichier ou de la source qui doit traiter les données.
URI peut être par exemple un script CGI, un fichier HTML avec du code PHP ou une adresse électronique (mailto:quelquun@quelquepart.xy).
Pour méthode noter soit get ou bien post (pour les formulaires mailto toujours post)
Pour type Mime pour les formulaires mailto, mentionner text/plain.
Autre page d'information description
 

Fenêtre-cible pour
la réponse du serveur

<form action="URI" method="méthode" target="fenêtre cible">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
Pour fenêtre cible mentionner le nom d'une fenêtre cadre définie ou l'un des noms réservés suivants:
_self = sortir la réponse dans la même fenêtre que le formulaire,
_parent = terminer le jeu de cadres actuel pour la réponse,
_top = terminer tous les jeux de cadres pour la réponse.
Autre page d'information description
 

Jeux de caractères
pour le traitement

<form action="URI"? method="méthode" accept-charset="liste de jeux de caractères">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
Pour liste de jeux de caractères mentionner quelque chose comme ISO-8859-1, ISO-8859-2.
Autre page d'information description
 

Champs de saisie
à une ligne

<input type="text" size="longueur" maxlength="longueur maximale" name="Nom">
Pour longueur noter la largeur d'affichage d'un champ en caractères (facultatif).
Pour longueur maximale noter le nombre de caractères qui au maximum peuvent être entrés (facultatif).
Pour Nom noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information description
 

Champ de saisie à
une ligne avec un
texte par défaut

<input type="?text" value="valeur">
Pour valeur noter le texte par défaut.
Autre page d'information description
 

Champ de saisie
pour mot de passe

<input type="password" size="longueur" maxlength="longueur maximale" name="nom">
Autre page d'information description
 

Champ de saisie à
plusieurs lignes

<textarea cols="colonnes" rows="rangées" name="nom d'élément">
Texte par défaut facultatif
</textarea>
Pour colonnes noter la largeur d'affichage en nombre de caractères par ligne.
Pour rangées noter la hauteur d'affichage en rangées.
Pour nom d'élément noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information Description
 

Contrôle du passage
à la ligne dans les
champs de saisie à
plusieurs lignes

<textarea cols="colonnes" rows="rangées" wrap="césure">
</textarea>
Ne fait pas partie du standard HTML !
Pour césure noter une des valeurs suivantes:
soft = passage à la ligne automatique lors de la saisie,
hard = le passage à la ligne automatique lors de la saisie est transmis comme tel à l'envoi du formulaire,
virtual = comme soft.
physical = comme hard.
off = pas de passage à la ligne automatique lors de la saisie.
Autre page d'information description
 

champs de saisie
en lecture seule

<input type="text" readonly value="texte en lecture seule">
 
<textarea cols="colonnes" rows="rangées" readonly>
texte en lecture seule
</textarea>
Autre page d'information description
 

Listes de choix

<select size="hauteur" name="nom">
<option>élément</option>
<option>autre élément</option>
</select>
Pour hauteur noter un nombre comme 1 ou bien 10 pour fixer ainsi la hauteur d'affichage de la liste (nombre d'éléments affichés simultanément).
Pour nom noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information description
 

Listes de choix
à choix multiple

<select multiple size="hauteur">
<option>élément</option>
<option>autre élément</option>
</select>
Attribut multiple.
Autre page d'information description
 

Listes de choix
avec présélection

<select multiple size="?hauteur">
<option>élément</option>
<option selected>autre élément</option>
</select>
Attribut selected,
Autre page d'information description
 

Valeur à transmettre
des éléments de liste

<select size="hauteur">
<option value="valeur">élément</option>
<option value="valeur">autre élément</option>
</select>
Pour valeur à chaque élément noter la valeur adéquate à transmettre.
Autre page d'information description
 

Structure de menus

<select size="hauteur">
<optgroup label="texte du menu">
<option>élément</option>
<option>autre élément</option>
</optgroup>
<optgroup label="texte du menu">
<option>élément</option>
<option>autre élément</option>
</optgroup>
</select>
Pour texte du menu noter une inscription pour chacun des sous-menus.
Autre page d'information description
 

Cases d'option

<input type="radio" name="nom" value="valeur"> Texte
Pour nom noter un nom. Les cases d'option du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour valeur noter un texte qui désigne cette case pour l'envoi du formulaire.
Pour Texte noter un texte d'inscription visible.
Autre page d'information description
 

Cases à cocher

<input type="checkbox" name="nom" value="valeur"> Texte
Pour nom noter un nom. Les cases à cocher du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour valeur noter un texte qui désigne cette case à cocher pour l'envoi du formulaire.
Pour texte noter un texte d'inscription visible.
Autre page d'information description
 

présélectionner
des éléments

<input type="radio" checked name="nom" value="valeur"> texte
<input type="checkbox" checked name="nom" value="?valeur"> Texte
Attribut checked.
Autre page d'information description
 

Boutons pouvant
être cliqués (1)

<input type="button" name="nom" value="inscription" onClick="action">
Pour nom noter un nom. Les boutons pouvant être cliqués du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour inscription noter le texte devant être affiché comme inscription sur le bouton.
Pour action noter par exemple une instruction JavaScript.
Autre page d'information description
 

Boutons pouvant
être cliqués (2)

<button type="button" name="nom"
   value="inscription en alternative" onClick="...">
inscription
</button>
Pour nom noter un nom. Les boutons pouvant être cliqués du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour inscription en alternative noter un texte d'inscription au cas où aucun contenu d'élément est noté.
Pour inscription mettre en forme la surface d'affichage du bouton, par exemple également avec des graphiques et d'autres éléments HTML.
Autre page d'information description
 

Champ pour
fichier à transmettre

<input type="file" name="nom" maxlength="taille" accept="type Mime">
Pour nom noter un nom. Les boutons du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour taille mentionner la taille maximale du fichier en octets, par exemple 100000 (ne pas s'y fier!).
Pour type Mime noter quelque chose comme text/*
Important: noter dans le repère <form>, enctype="multipart/form-data".
Autre page d'information description
 

Éléments
cachés

<input type="hidden" name="nom" value="valeur">
Pour nom noter un nom. Les cases à cocher du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour valeur noter un texte qui sera transmis lors de l'envoi du formulaire sans être affiché.
Autre page d'information description
 

Grouper des
éléments

<fieldset>
<legend>titre du groupe</legend>
<!-- éléments de formulaire -->
</fieldset>
Autre page d'information description
 

Étiquette pour
des éléments

<label for="nom id">inscription:</label>
<[élément de formulaire] id="nom id">
Le nom id doit être le même pour l'attribut for du repère <label> et pour l'attribut id de l'élément du formulaire du même groupe. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information description
 

Recherche tabulateur

<[élément de formulaire] tabindex="numéro d'index">
Pour chacun des éléments du formulaire noter un nombre pour numéro d'index. Le nombre le plus bas est atteint en premier, le plus élevé en dernier.
Autre page d'information description
 

Raccourcis clavier

<[élément de formulaire] accesskey="lettre">
Pour lettre entrer quelque chose comme h ou bien m. Exécutable la plupart du temps avec la touche [Alt] et la lettre mentionnée.
Autre page d'information description
 

Mise en grisé
d'éléments

<[élément de formulaire] disabled>
Autre page d'information description
 

Boutons pour
envoyer/
interrompre (1)

<input type="submit" value="inscription">
<input type="reset" value="inscription">
Pour inscription noter le texte de l'inscription respective de chaque bouton.
Autre page d'information description
 

boutons
graphiques
pour envoyer

<input type="image" src="URI">
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier graphique désiré.
Autre page d'information description
 

 
 vers le hautvers le bas 

Cadres

Jeux de cadres
et cadres

<html><head><?title>titre</title></head>
<frameset cols="colonnes" rows="rangées">
<frame src="URI" name="nom">
<noframes>
Est affiché quand le navigateur ne peut pas afficher de cadres
</noframes>
</frameset>
</html>
partage la fenêtre d'affichage en colonnes (cols=) ou en rangées (rows=) .
Mentionner deux ou plusieurs parties en pixels ou en pourcentage, en les séparant par des virgules, par exemple rows="60%,40%".
Caractères de remplacement * permis, par exemple cols="200,*".
Imbrication de jeux de cadres possibles.
Noter pour chaque portion créée un repère <frame>.
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier désiré devant être affiché dans la fenêtre-cadre.
Pour nom noter un nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Noter le passage avec l'élément noframes comme indiqué. Son contenu n'est affiché que lorsque le navigateur ne peut afficher de cadres. Son contenu peut comprendre des éléments HTML.
Autre page d'information description
 

Barres de défilement
dans des cadres

<frame src="URI" name="nom" scrolling="Option">
Pour Option mentionner une des valeurs suivantes:
yes = afficher les barres de défilement,
no = ne pas afficher les barres de défilement (aucun défilement possible),
auto = afficher les barres de défilement en cas de besoin (réglage par défaut).
Autre page d'information description
 

Espace entre bordure
de fenêtre
et son contenu

<frame src="URI" name="nom"
   marginwidth="gauchedroite" marginheight="hautbas">
Pour gauchedroite noter un nombre comme par exemple 10, pour fixer l'espace en pixels séparant le bord du cadre et le contenu du cadre à gauche et à droite.
Pour hautbas noter un nombre comme par exemple 10 pour fixer l'espace en pixels séparant le bord du cadre et le contenu du cadre en haut et en bas.
Autre page d'information description
 

Taille de fenêtre
non modifiable

<frame src="URI" name="nom" noresize>
Tous les cadres contigus sont affectés par noresize.
Autre page d'information description
 

Épaisseur de la
bordure et
bordure de
fenêtre invisible

<frame src="URI" name="nom" frameborder="épaisseur">
<frameset [...]
    border="épaisseur" frameborder="épaisseur" framespacing="espace">
Le standard HTML ne permet que l'attribut border dans le repère <frame>. Les navigateurs interprètent cependant ces mentions autrement que le standard HTML, à savoir dans le repère <frameset>. Pour des bordures invisibles fixer les trois valeurs pour épaisseur à 0.
Autre page d'information description
 

Cadres
incorporés

<iframe src="URI" name="nom"
   width="largeur" height="hauteur">
contenu en cas de non-affichage
</iframe>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier désiré devant être affiché dans la fenêtre-cadre.
Pour nom noter un nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour largeur et hauteur mentionner un nombre comme 100 pour les pixels,
ou bien une valeur en pourcentage comme par exemple 60% pour la taille par rapport à l'environnement.
Autre page d'information description
 

Propriétés de
cadres
incorporés

<iframe src="URI" name="nom"
   width="largeur" height="hauteur" scrolling="Option"
   align="alignement" hspace="gauchedroite" vspace="hautbas"
   marginwidth="margegauchedroite" marginheight="margehautbas">
contenu en cas de non-affichage
</iframe>
Pour Option mentionner une des valeurs suivantes:
yes = afficher les barres de défilement,
no = ne pas afficher les barres de défilement (pas de défilement possible),
auto =afficher les barres de défilement en cas de besoin (réglage par défaut).
Pour alignement noter une des valeurs suivantes:
left = aligner la fenêtre à gauche (les contenus qui suivent passent à droite),
right = aligner la fenêtre à droite (les contenus qui suivent passent à gauche),
Pour gauchedroite noter un nombre comme par exemple 10, pour déterminer l'espace en pixels de la fenêtre par rapport à l'environnement à droite et à gauche.
Pour hautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels de la fenêtre par rapport à l'environnement en haut et en bas.
Pour margegauchedroite noter un nombre comme par exemple 10 pour déterminer l'espace en pixels du bord de la fenêtre par rapport à son contenu à gauche et à droite.
Pour margehautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels du bord de la fenêtre par rapport à son contenu en haut et en bas.
Autre page d'information description
 

 
 vers le hautvers le bas 

Objets Multimédia

Incorporer des données
comme objet

<object data="URI" type="type Mime" width="largeur" height="hauteur">
contenu en alternative
</object>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier désiré qui doit être affiché.
Pour type Mime noter quelque chose comme image/svg+xml selon le type de fichier référencé.
Pour largeur et hauteur noter un nombre comme par exemple 100 pour les pixels,
ou bien une valeur en pourcentage comme par exemple 60% pour la taille par rapport à l'environnement.
Autre page d'information description
 

Applets Java
comme objet

<object width="largeur" height="hauteur"
   classid="java:fichier.class" codebase="URI" codetyte="application/java-vm">
<param name="nom" value="valeur">
</object>
Mentionner l'attribut codebase, quand l'applet n'est pas situé dans le répertoire actuel. Avec URI mentionner l'adresse du répertoire.
Mentionner les paramètres avec les attributs nom et valeur quand l'applet l'exige.
Autre page d'information description
 

ActiveX
comme objet

<object width="largeur" height="hauteur"
   classid="CLSID:XXXXXX-XXXX-XXXXXX">
<param name="nom" value="valeur">
</object>
Pour XXXXXX-XXXX-XXXXXX noter l'ID du contrôle ActiveX.
Autre page d'information description
 

Flash-Movies
comme objet

<object width="largeur" height="hauteur"
   classid="CLSID:CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
   codebase="http://active.macromedia.com/flash5/cabs/
       swflash.cab#version=5,0,0,0">
<param name="movie" value="fichier.swf">
<param name="nom" value="valeur">
</object>
L'attribut classid reçoit toujours cette valeur.
Pour l'attribut codebase mentionner la version Flash.
Mentionner pour l'un des paramètres de l'attribut name movie pour l'attribut value le nom de fichier du fichier swf.
Mentionner sinon les paramètres avec les attributs name et value quand l'application l'exige.
Autre page d'information description
 

Bordure
autour de l'objet

<object data="URI" type="type Mime" border="épaisseur"></object>
Pour épaisseur noter un nombre comme par exemple 3 pour l'épaisseur de la bordure en pixels.
Autre page d'information description
 

Nom
pour l'objet

<object data="URI" type="type Mime" name="nom"></object>
Pour nom noter un nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Autre page d'information description
 

aligner un
objet par
rapport au texte

<object data="URI" type="type Mime" align="alignement"></object>
Pour alignement noter une des valeurs suivantes:
top = en haut avec du texte avant ou après,
middle = au milieu par rapport au texte avant ou après,
bottom = en bas avec du texte avant ou après.
Autre page d'information description
 

Faire passer
le texte à côté
de l'objet

<object data="URI" type="type Mime"
   align="alignement" hspace="gauchedroite" vspace="hautbas">
</object>
Pour alignement noter une des valeurs suivantes:
left = aligner les objets à gauche (les contenus qui suivent passent à droite),
right = aligner les objets à droite (les contenus qui suivent passent à gauche),
Pour gauchedroite noter un nombre comme par exemple 10 pour déterminer l'espace en pixels entre l'objet et son environnement à gauche et à droite.
Pour hautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels entre l'objet et son environnement en haut et en bas.
Autre page d'information description
 

texte d'avertissement
pendant le
chargement

<object data="URI" type="type Mime" standby="texte"></object>
Pour texte noter un texte d'avertissement.
Autre page d'information description
 

Instance d'un objet
sur demande
seulement

<object declare classid="CLSID:XXXXXX-XXXX-XXXXXX">
</object>
Attribut declare.
Autre page d'information description
 

Incorporer
des applets Java

<applet code="fichier.class" codebase="URI" alt="texte"
   ?width="largeur" height="hauteur">
<param name="nom" value="valeur">
</applet>
Mentionner l'attribut codebase quand l'applet n'est pas situé dans le répertoire actuel. Avec URI mentionner l'adresse du répertoire.
Pour largeur et hauteur noter un nombre comme par exemple 100 pour les pixels,
ou bien une valeur en pourcentage comme par exemple 60% pour la taille par rapport à l'environnement.
Mentionner les paramètres avec les attributs name et value quand l'applet l'exige.
Autre page d'information description
 

Propriétés des
applets Java

<applet code="fichier.class" codebase="URI" alt="texte"
   width="largeur" height="hauteur"
   align="alignement" hspace="gauchedroite" vspace="hautbas">
<param name="nom" value="valeur">
</applet>
Pour alignement noter une des valeurs suivantes:
top = en haut avec du texte avant ou après,
middle = au milieu par rapport au texte avant ou après,
bottom = en bas avec du texte avant ou après.
left = aligner l'applet à gauche (les contenus qui suivent passent à droite),
right = aligner l'applet à droite (les contenus qui suivent passent à gauche),
Pour gauchedroite noter un nombre comme par exemple 10 pour déterminer l'espace en pixels entre l'applet et son environnement à gauche et à droite.
Pour hautbas noter un nombre comme par exemple 10 pour déterminer l'espace en pixels entre l'applet et son environnement en haut et en bas.
Autre page d'information description
 

Multimédia
(Netscape)

<embed src="URI" width="largeur" height="hauteur">
Ne fait pas partie du standard HTML!
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier désiré qui doit être affiché..
Pour largeur et hauteur noter un nombre comme par exemple 100 pour les pixels,
ou bien une valeur en pourcentage comme par exemple 60% pour la taille par rapport à l'environnement.
Autre page d'information description
 

 
 vers le hautvers le bas 

Calques (Netscape)

Définir des calques

<layer id="nom" top="haut" left="gauche" width="largeur" height="hauteur">
contenu
</layer>
Pour nom affecter un nom univoque pour tout le document. . Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_), trait d'union (-), deux points (:) ou point (.).
Pour haut et gauche mentionner les pixels comme par exemple 40 et 150 pour la position du coin supérieur gauche de départ. Pour largeur et hauteur mentionner des nombres comme par exemple 100 et 200 pour les pixels.
Autre page d'information description
 

Définir des
calques incorporés

<ilayer>contenu</ilayer>
Autre page d'information description
 

Rogner le
domaine d'affichage

<layer top="haut" left="gauche" clip="x1,x2,x3,x4">contenu</layer>
 
<layer top="haut" left="gauche" clip="xb,xh">contenu</layer>
x1 = pixels pour la gauche.
x2 = pixels pour le haut.
x3 = pixels pour la droite.
x4 = pixels pour le bas.
xb = pixels pour la largeur.
xh = pixels pour la hauteur.
Autre page d'information description
 

Fichier externe

<layer top="haut" left="gauche" src="URI">
contenu</layer>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier désiré qui doit être affiché.
Autre page d'information description
 

Couleur d'arrière-plan

<layer top="haut" left="gauche" bgcolor="#XXXXXX">
contenu</layer>
Pour #XXXXXX mentionner une couleur RGB notée en hexadécimal ou un nom de couleur autorisé.
Autre page d'information description
 

Image d'arrière-plan

<layer top="haut" left="gauche" background="#URI">
contenu</layer>
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier graphique désiré.
Autre page d'information description
 

position de la
couche avec le nom

<layer top="haut" left="gauche" above="nom" below="nom">
contenu</layer>
Quand un calque défini auparavant doit être placé sur le calque actuel, mentionner mentionner le nom de celui-là avec above=. Quand un calque défini auparavant doit être placé sous le calque actuel, mentionner mentionner le nom de celui-là avec below=.
Autre page d'information description
 

Position de la couche
avec des numéros

<layer top="haut" left="gauche" z-index="valeur">
contenu</layer>
Mentionner un numéro pour valeur. Le calque avec le numéro le plus élevé couvre tous les autres, le calque avec le numéro le plus bas est recouvert par tous les autres.
Autre page d'information description
 

Affichage

<layer top="haut" left="gauche" visibility="Option">
contenu</layer>
Pour Option noter une des valeurs suivantes:
show = calque visible,
hide = calque invisible,
inherit = le calque hérite la visibilité du calque parent.
Autre page d'information description
 

 
 vers le hautvers le bas 

Éléments HTML avancés

Passage de
feuilles de style
pour CSS

<head>
<style type="text/css">
<!--
[
formats globaux ]
-->
</style>
</head>
Autre page d'information description
 

Formatages CSS
dans le texte

<[nom d'élément] style="[propriétés CSS]">...</[nom d'élément]>
Autre page d'information description
 

Passage Script

<script language="text/javascript">
<!--
/* Code JavaScript */
//-->
</script>
<noscript>
contenu, si Javascript est impossible
</noscript>
Autre page d'information description
 

 
 vers le haut
page suivante Autre page d'information Sommaire de référence: CSS
page précédente Autre page d'information Page d'accueil SELFHTML
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@fr.selfhtml.org