Accents et caractères spéciaux en HTML : comment les écrire

Accents et caractères spéciaux en HTML : comment les écrire Comment écrire é, è ou encore à en langage HTML ? Comment afficher les apostrophes, les guillemets ou les chevrons ouvrants et fermants ? Réponse en 2 tableaux.

Le standard HTML respecte le codage des caractères ASCII 7 bits, c'est-à-dire qu'il n'utilise pas les caractères accentués. Il y a donc un code HTML pour écrire chaque lettre avec accent. Les voici : 

Ecrire les lettres accentuées en HTML
Description de la lettre accentuée Lettre Code HTML
a accent grave à à
a accent grave majuscule À À
a accent aigu á á
a accent aigu majuscule Á Á
a accent circonflexe â â
a accent circonflexe majuscule  Â
a tilde ã ã
a tilde majuscule à Ã
a tréma ä ä
a tréma majuscule Ä Ä
a rond å å
a majuscule rond Å Å
ae ligaturé æ æ
ae ligaturé majuscule Æ Æ
e accent grave è è
e accent grave majuscule È È
e accent aigu é é
e accent aigu majuscule É É
e accent circonflexe ê ê
e accent circonflexe majuscule Ê Ê
e tréma ë ë
e tréma majuscule Ë Ë
i accent grave ì ì
i accent grave majuscule Ì Ì
i accent aigu í í
i accent aigu majuscule Í Í
i accent circonflexe î î
i accent circonflexe majuscule Î Î
i tréma ï ï
i tréma majuscule Ï Ï
o accent grave ò ò
o accent grave majuscule Ò Ò
o accent aigu ó ó
o accent aigu majuscule Ó Ó
o accent circonflexe ô ô
o accent circonflexe majuscule Ô Ô
o tilde õ õ
o tilde majuscule Õ Õ
o tréma ö ö
o tréma majuscule Ö Ö
o barré ø ø
o barré majuscule Ø Ø
u accent grave ù ù
u accent grave majuscule Ù Ù
u accent aigu ú ú
u accent aigu majuscule Ú Ú
u accent circonflexe û û
u accent circonflexe majuscule Û Û
u tréma ü ü
u tréma majuscule Ü Ü
n tilde ñ ñ
n tilde majuscule Ñ Ñ
y accent aigu ý ý
y accent aigu majuscule Ý Ý

Pas besoin non plus d'être un cador du développement web pour savoir que certains caractères comme "<" et ">" ont un sens différent en français et en code HTML. En français, les chevrons ouvrant "<" et fermant ">" signifient respectivement "inférieur" et "supérieur". En code HTML, "<" et ">" entourent les balises qui auront des fonctions que les navigateurs appliqueront, comme mettre en gras, ou créer un paragraphe. Alors, comment écrire ces caractères spéciaux, tels que "<" et ">" en code HTML ? Cette question vaut aussi pour les signes de ponctuation, comme les points d'interrogation, les apostrophes ou même les retours à la ligne, les espaces insécables, les puces... Pour y répondre, voici un tableau de correspondances entre les caractères spéciaux et leur code HTML. De quoi aussi comprendre le sens des drôles de mots comme "&quot;" ou "&laquo;" que l'on rencontre de temps en temps sur le Web.

Faire les caractères spéciaux en HTML
Description Caractère Code HTML
espace insécable   &nbsp;
retour à la ligne (retour chariot)   <br>
points de suspension &hellip;
point d'exclamation ! !
point d'exclamation inversé ¡ &iexcl;
point d'interrogation ? ?
point d'interrogation inversé ¿ &iquest;
puce &bull;
esperluette & &amp;
apostrophe ' &#039
tiret cadratin - &mdash;
tiret demi-cadratin - &ndash;
pied de mouche &para;
paragraphe § &sect;
double obèle &Dagger
obèle &dagger
Flèche gauche &larr;
Flèche haut &uarr;
Flèche doite &rarr;
Flèche bas &darr;
esperluette & &amp;
guillemet français ouvrant " &laquo;
guillemet français fermant " &raquo;
guillemet simple ouvrant ' &lsquo;
guillemet simple fermant ' &rsquo;
guillemet double ouvrant " &ldquo;
guillemet double fermant " &rdquo;
guillemet français simple ouvrant &lsaquo;
guillemet français simple fermant &rsaquo;
guillemet simple fermant bas &sbquo;
guillemet double fermant bas &bdquo;
euro &euro;
dollar $ &#36
livre sterling £ &pound;
copyright © &copy;
marque commerciale &trade;
marque déposée ® &reg;
plus + +
multiplication × &times;
plus ou moins ± &plusmn;
pour cent / modulo % %
moins &minus;
division ÷ &divide;
barre de fraction &frasl;
égal = =
équivalent &equiv;
inférieur / chevron ouvrant < &lt;
inférieur ou égal &le;
différent &ne;
presque égal &asymp;
supérieur / chevron fermant > &gt;
supérieur ou égal &ge;
un demi ½ &frac12;
un quart ¼ &frac14;
trois quart ¾ &frac34;

Et aussi 

HTML / Balise html