Annexe L

Commandes HTML de base

TypeCommandeRésultat
Paragraphe<p>Blabla</p>Blabla
Paragraphe avec un style<p class="ERREUR">Blabla</p>Blabla
Tout texte avec un style<span class="ERREUR">Blabla</span>Blabla
Saut de ligneLigne1<br />Ligne2Ligne1
Ligne2
Hyperlien<a href="http://callweb.ca">text</a>text
Hyperlien dans une nouvelle fenêtre ou nouvel onglet<a href="http://callweb.ca" target="_blank">text</a>text
Liste à puces<ul><li>première puce</li><li>deuxième puce</li></ul>
  • première puce
  • deuxième puce
Liste numérotée<ol><li>première puce</li><li>deuxième puce</li></ol>
  1. première puce
  2. deuxième puce
Ligne horizontale<hr />
Insertion d'image<img src="../images/list-arrow.gif" />
Abbréviation<abbr title="Quel produitCAWI/CATI/CAPI!">CallWeb</abbr>CallWeb

Couleurs HTML

En HTML, les couleurs sont définies par des codes RGB (rouge, vert (green), bleu). Les codes RGB sont composés de trois paires de caractères hexadécimaux (de 0 à F), suivies d'un dièse (sans lien avec les instructions dièses de CallWeb). Chaque paire de caractères hexadécimaux indique la quantité de chaque couleur de base (rouge, vert, bleu) dans une combinaison de couleurs particulière. Par exemple, #FFFFFF est blanc parce que ce code inclut un maximum de chacune des trois couleurs de base.; #000000 est noir parce qu'il n'y a aucune des trois couleurs de base.

Il y a beaucoup d'outils utiles en ligne pour aider dans la sélection des couleurs. ColorPicker, Febooti on-line colour chart et Doughnut Color Picker retournent des codes pour des millions de couleurs en utilisant une interface familière. D'autres outils comme ColorScheme Designer, Color Palette Creator et kuler aident à la création d'ensembles de couleurs. Finalement, pixie (un exécutable Windows) et Colorzilla (une extension Firefox) identifient la couleur vers laquelle la souris pointe à l'écran.

Codes HTML de base

Bloc 1Bloc 2Bloc 3
CaractèreCode numériqueÉquivalent HTMLCaractèreCode numériqueÉquivalent HTMLCaractèreCode numériqueÉquivalent HTML
&#32; g&#103; Ï&#207;&Iuml;
!&#33; h&#104; Ð&#208;&ETH;
"&#34;&quot;i&#105; Ñ&#209;&Ntilde;
#&#35; j&#106; Ò&#210;&Ograve;
$&#36; k&#107; Ó&#211;&Oacute;
%&#37; l&#108; Ô&#212;&Ocirc;
&&#38;&amp;m&#109; Õ&#213;&Otilde;
'&#39; n&#110; Ö&#214;&Ouml;
(&#40; o&#111; ×&#215;&times;
)&#41; p&#112; Ø&#216;&Oslash;
*&#42; q&#113; Ù&#217;&Ugrave;
+&#43; r&#114; Ú&#218;&Uacute;
,&#44; s&#115; Û&#219;&Ucirc;
-&#45; t&#116; Ü&#220;&Uuml;
.&#46; u&#117; Ý&#221;&Yacute;
/&#47; v&#118; Þ&#222;&THORN;
0&#48; w&#119; ß&#223;&szlig;
1&#49; x&#120; à&#224;&agrave;
2&#50; y&#121; á&#225;&aacute;
3&#51; z&#122; â&#226;&acirc;
4&#52; {&#123; ã&#227;&atilde;
5&#53; |&#124; ä&#228;&auml;
6&#54; }&#125; å&#229;&aring;
7&#55; ~&#126; æ&#230;&aelig;
8&#56;  &#160;&nbsp;ç&#231;&ccedil;
9&#57; ¡&#161;&iexcl;è&#232;&egrave;
:&#58; ¢&#162;&cent;é&#233;&eacute;
;&#59; £&#163;&pound;ê&#234;&ecirc;
<&#60;&lt;¤&#164;&curren;ë&#235;&euml;
=&#61; ¥&#165;&yen;ì&#236;&igrave;
>&#62;&gt;¦&#166;&brvbar;í&#237;&iacute;
?&#63; §&#167;&sect;î&#238;&icirc;
@&#64; ¨&#168;&uml;ï&#239;&iuml;
A&#65; ©&#169;&copy;ð&#240;&eth;
B&#66; ª&#170;&ordf;ñ&#241;&ntilde;
C&#67; «&#171;&laquo;ò&#242;&ograve;
D&#68; ¬&#172;&not;ó&#243;&oacute;
E&#69; ­&#173;&shy;ô&#244;&ocirc;
F&#70; ®&#174;&reg;õ&#245;&otilde;
G&#71; ¯&#175;&macr;ö&#246;&ouml;
H&#72; °&#176;&deg;÷&#247;&divide;
I&#73; ±&#177;&plusmn;ø&#248;&oslash;
J&#74; ²&#178;&sup2;ù&#249;&ugrave;
K&#75; ³&#179;&sup3;ú&#250;&uacute;
L&#76; ´&#180;&acute;û&#251;&ucirc;
M&#77; µ&#181;&micro;ü&#252;&uuml;
N&#78; &#182;&para;ý&#253;&yacute;
O&#79; ·&#183;&middot;þ&#254;&thorn;
P&#80; ¸&#184;&cedil;ÿ&#255;&yuml;
Q&#81; ¹&#185;&sup1;Œ&#338; 
R&#82; º&#186;&ordm;œ&#339; 
S&#83; »&#187;&raquo;Š&#352; 
T&#84; ¼&#188;&frac14;š&#353; 
U&#85; ½&#189;&frac12;Ÿ&#376; 
V&#86; ¾&#190;&frac34;ƒ&#402; 
W&#87; ¿&#191;&iquest;–&#8211; 
X&#88; À&#192;&Agrave;—&#8212; 
Y&#89; Á&#193;&Aacute;‘&#8216; 
Z&#90; Â&#194;&Acirc;’&#8217; 
[&#91; Ã&#195;&Atilde;‚&#8218; 
\&#92; Ä&#196;&Auml;“&#8220; 
]&#93; Å&#197;&Aring;”&#8221; 
^&#94; Æ&#198;&AElig;„&#8222; 
_&#95; Ç&#199;&Ccedil;†&#8224; 
`&#96; È&#200;&Egrave;‡&#8225; 
a&#97; É&#201;&Eacute;•&#8226; 
b&#98; Ê&#202;&Ecirc;…&#8230; 
c&#99; Ë&#203;&Euml;‰&#8240; 
d&#100; Ì&#204;&Igrave;€&#8364;&euro;
e&#101; Í&#205;&Iacute;™&#8482; 
f&#102; Î&#206;&Icirc;   

Annexe L

Commandes HTML de base

TypeCommandeRésultat
Paragraphe<p>Blabla</p>Blabla
Paragraphe avec un style<p class="ERREUR">Blabla</p>Blabla
Tout texte avec un style<span class="ERREUR">Blabla</span>Blabla
Saut de ligneLigne1<br />Ligne2Ligne1
Ligne2
Hyperlien<a href="http://callweb.ca">text</a>text
Hyperlien dans une nouvelle fenêtre ou nouvel onglet<a href="http://callweb.ca" target="_blank">text</a>text
Liste à puces<ul><li>première puce</li><li>deuxième puce</li></ul>
  • première puce
  • deuxième puce
Liste numérotée<ol><li>première puce</li><li>deuxième puce</li></ol>
  1. première puce
  2. deuxième puce
Ligne horizontale<hr />
Insertion d'image<img src="../images/list-arrow.gif" />
Abbréviation<abbr title="Quel produitCAWI/CATI/CAPI!">CallWeb</abbr>CallWeb

Couleurs HTML

En HTML, les couleurs sont définies par des codes RGB (rouge, vert (green), bleu). Les codes RGB sont composés de trois paires de caractères hexadécimaux (de 0 à F), suivies d'un dièse (sans lien avec les instructions dièses de CallWeb). Chaque paire de caractères hexadécimaux indique la quantité de chaque couleur de base (rouge, vert, bleu) dans une combinaison de couleurs particulière. Par exemple, #FFFFFF est blanc parce que ce code inclut un maximum de chacune des trois couleurs de base.; #000000 est noir parce qu'il n'y a aucune des trois couleurs de base.

Il y a beaucoup d'outils utiles en ligne pour aider dans la sélection des couleurs. ColorPicker, Febooti on-line colour chart et Doughnut Color Picker retournent des codes pour des millions de couleurs en utilisant une interface familière. D'autres outils comme ColorScheme Designer, Color Palette Creator et kuler aident à la création d'ensembles de couleurs. Finalement, pixie (un exécutable Windows) et Colorzilla (une extension Firefox) identifient la couleur vers laquelle la souris pointe à l'écran.

Codes HTML de base

Bloc 1Bloc 2Bloc 3
CaractèreCode numériqueÉquivalent HTMLCaractèreCode numériqueÉquivalent HTMLCaractèreCode numériqueÉquivalent HTML
&#32; g&#103; Ï&#207;&Iuml;
!&#33; h&#104; Ð&#208;&ETH;
"&#34;&quot;i&#105; Ñ&#209;&Ntilde;
#&#35; j&#106; Ò&#210;&Ograve;
$&#36; k&#107; Ó&#211;&Oacute;
%&#37; l&#108; Ô&#212;&Ocirc;
&&#38;&amp;m&#109; Õ&#213;&Otilde;
'&#39; n&#110; Ö&#214;&Ouml;
(&#40; o&#111; ×&#215;&times;
)&#41; p&#112; Ø&#216;&Oslash;
*&#42; q&#113; Ù&#217;&Ugrave;
+&#43; r&#114; Ú&#218;&Uacute;
,&#44; s&#115; Û&#219;&Ucirc;
-&#45; t&#116; Ü&#220;&Uuml;
.&#46; u&#117; Ý&#221;&Yacute;
/&#47; v&#118; Þ&#222;&THORN;
0&#48; w&#119; ß&#223;&szlig;
1&#49; x&#120; à&#224;&agrave;
2&#50; y&#121; á&#225;&aacute;
3&#51; z&#122; â&#226;&acirc;
4&#52; {&#123; ã&#227;&atilde;
5&#53; |&#124; ä&#228;&auml;
6&#54; }&#125; å&#229;&aring;
7&#55; ~&#126; æ&#230;&aelig;
8&#56;  &#160;&nbsp;ç&#231;&ccedil;
9&#57; ¡&#161;&iexcl;è&#232;&egrave;
:&#58; ¢&#162;&cent;é&#233;&eacute;
;&#59; £&#163;&pound;ê&#234;&ecirc;
<&#60;&lt;¤&#164;&curren;ë&#235;&euml;
=&#61; ¥&#165;&yen;ì&#236;&igrave;
>&#62;&gt;¦&#166;&brvbar;í&#237;&iacute;
?&#63; §&#167;&sect;î&#238;&icirc;
@&#64; ¨&#168;&uml;ï&#239;&iuml;
A&#65; ©&#169;&copy;ð&#240;&eth;
B&#66; ª&#170;&ordf;ñ&#241;&ntilde;
C&#67; «&#171;&laquo;ò&#242;&ograve;
D&#68; ¬&#172;&not;ó&#243;&oacute;
E&#69; ­&#173;&shy;ô&#244;&ocirc;
F&#70; ®&#174;&reg;õ&#245;&otilde;
G&#71; ¯&#175;&macr;ö&#246;&ouml;
H&#72; °&#176;&deg;÷&#247;&divide;
I&#73; ±&#177;&plusmn;ø&#248;&oslash;
J&#74; ²&#178;&sup2;ù&#249;&ugrave;
K&#75; ³&#179;&sup3;ú&#250;&uacute;
L&#76; ´&#180;&acute;û&#251;&ucirc;
M&#77; µ&#181;&micro;ü&#252;&uuml;
N&#78; &#182;&para;ý&#253;&yacute;
O&#79; ·&#183;&middot;þ&#254;&thorn;
P&#80; ¸&#184;&cedil;ÿ&#255;&yuml;
Q&#81; ¹&#185;&sup1;Œ&#338; 
R&#82; º&#186;&ordm;œ&#339; 
S&#83; »&#187;&raquo;Š&#352; 
T&#84; ¼&#188;&frac14;š&#353; 
U&#85; ½&#189;&frac12;Ÿ&#376; 
V&#86; ¾&#190;&frac34;ƒ&#402; 
W&#87; ¿&#191;&iquest;–&#8211; 
X&#88; À&#192;&Agrave;—&#8212; 
Y&#89; Á&#193;&Aacute;‘&#8216; 
Z&#90; Â&#194;&Acirc;’&#8217; 
[&#91; Ã&#195;&Atilde;‚&#8218; 
\&#92; Ä&#196;&Auml;“&#8220; 
]&#93; Å&#197;&Aring;”&#8221; 
^&#94; Æ&#198;&AElig;„&#8222; 
_&#95; Ç&#199;&Ccedil;†&#8224; 
`&#96; È&#200;&Egrave;‡&#8225; 
a&#97; É&#201;&Eacute;•&#8226; 
b&#98; Ê&#202;&Ecirc;…&#8230; 
c&#99; Ë&#203;&Euml;‰&#8240; 
d&#100; Ì&#204;&Igrave;€&#8364;&euro;
e&#101; Í&#205;&Iacute;™&#8482; 
f&#102; Î&#206;&Icirc;