Dans les tableaux ci-dessous: |
|
---|---|
le code Html est dans la colonne de gauche, | et son interprétation est dans la colonne de droite. |
Définition, énumération et listeDL DT DD OL UL LI |
|
---|---|
Le code | Le résultat |
impose un saut de ligne. |
impose un saut de ligne. |
|
Les listes numérotées (OL) ou non (ul).
|
![]() |
TableCAPTION,TR,TH,TD |
|||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Le code | Le résultat | ||||||||||||||||||||
|
|
||||||||||||||||||||
|
![]() |
FormulaireFORM, INPUT, TEXTAREA, SELECT, OPTION |
|
---|---|
Le code | Le résultat |
|
Une création et vérification de formulaire utilisant Javascript sont disponibles. |
![]() |
Des exemples d'images sur lesquelles sont définis un ou plusieurs liens hypertexte sont disponibles. |
![]() |
Valeurs de l'attribut align: bottom, middle top, left, right | |
---|---|
balise et texte | résultat |
le <img src="../../u/grappe.gif">raisin noir |
le ![]() |
le <img src="../../u/grappe.gif" align="middle">raisin noir |
le ![]() |
le <img src="../../u/grappe.gif" align="top">raisin noir |
le ![]() |
le <img src="../../u/grappe.gif" align="left">raisin noir
l'image est à gauche du texte qui suit |
le ![]() l'image est à gauche du texte qui suit |
le <img src="../../u/grappe.gif" align="right">raisin noir
l'image est à droite du texte qui suit |
le ![]() l'image est à droite du texte qui suit |
Taille d'une image: attributs width height | |
---|---|
balise | résultat |
<img src="../../u/grappe.gif" border="2"> |
![]() |
<img src="../../u/grappe.gif" width="150" height="64"> |
![]() |
<img src="../../u/grappe.gif" width="89" height="100"> |
![]() |
Un autre exemple avec deux zones sensibles est disponible. |
![]() |
Balises:
B, I, U, BLINK, STRIKE, SUB, SUP SMALL, BIG, STRONG, EM ABBR, CITE, CODE, DFN, KBD, TT, VAR SAMP |
||
---|---|---|
Effet | Balises | Exemple |
en gras
ou italique ou souligner clignote (sur netscape) texte barré en exposant : en indice |
<B> ... </B>
<I> ... </I> <U> ... </U> <BLINK> ... </BLINK> <STRIKE> ... </STRIKE> <SUP> ...</SUP> <SUB> ...</SUB> |
bold
italics underline texte exposant texte indice |
texte agrandi
emphatique texte diminué en renforcé |
<BIG> ... </BIG>
<EM> ... </EM> <SMALL> ... </SMALL> <STRONG> ... </STRONG> |
texte plus gros
écriture emphatique texte plus petit renforcé |
avec abbr!
en exergue largeur fixe une définition lu au clavier machine téléscripteur une variable |
<ABBR> ... </ABBR>
<CITE> ... </CITE> <CODE> ... </CODE> <DFN> ... </DFN> <KBD> ... </KBD> <TT> ... </TT> <VAR> ... </VAR> |
balise abbr
citation code
voici une définition lu au clavier ! teletype et une variable |
style d'une portion de texte | <SAMP> ... </SAMP> | un exemple |
BLOCKQUOTE: Cette balise permet de présenter un ensemble de lignes dans lequel des effets peuvent être réalisés. Les sauts de lignes sont ignorés; cependant un retrait à gauche est créé par le navigateur.
Cette balise permet de présenter un style de paragraphe dans lequel des effets peuvent être réalisés. Mais les sauts de lignes et les espaces sont pris en compte.
![]() |
Balise écrite | Résultat |
---|---|
<font color="aqua"> un texte </font>: | un texte |
<font color="blue"> un texte </font>: | un texte |
<font color="silver"> un texte </font>: | un texte |
<font color="#AA0066"> un texte </font>: | un texte |
aqua #00FFFF black #000000 blue #O00OFF fuchsia #FF00FF gray #888888 green #008800 lime #00FF00 maroon #880000 navy #000088 olive #888800 purple #880088 red #FF0000 silver #CCCCCC teal #008888 white #FFFFFF yellow #FFFF00
Balise écrite | Résultat |
---|---|
<font face="arial" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="courier" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="monospace" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="sans-serif" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="serif" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="comic sans ms" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
<font face="times" color="blue"> file : bar2.jpg </font> | file : bar2.jpg |
On peut indiquer ausssi une liste de noms de police; le navigateur
choisit le premier nom qu'il connait. Dans l'exemple ci-dessous le nom
"abcd" est certainement inconnu comme nom de police; un des noms qui suivent
est alors utilisé.
<font face="abcd,mistral,courier"> file : bar2.jpg </font>
file : bar2.jpg
Il faut aussi se rappeler, le changement de police lié aux balises d'attributs de texte, telles que CITE, CODE, DFN, KBD, TT, VAR
Balise écrite | Résultat |
---|---|
<font size="1" color="blue"> un texte </font>: | un texte |
<font size="3" color="blue"> un texte </font>: | un texte |
<font size="6" color="blue"> un texte </font>: | un texte |
<font size="-1" color="blue"> un texte </font>: | un texte |
<font size="+2" color="blue"> un texte </font>: | un texte |
![]() |
![]() |