HTML Codes for French Language Characters

HTML codes to put French characters on your Web page

French flag

Bonjour! Even if your site is written in English only and does not include multi-lingual translations, you may need to add French language characters to that site on certain pages or for certain words.

The list below includes the HTML codes necessary to use Fench characters that are not in the standard character set and are not found on a keyboard's keys. Not all browsers support all these codes (mainly, older browsers may cause problems - newer browsers should be fine), so be sure to test your HTML codes before you use them.

Some French characters may be part of the Unicode character set, so you need to declare that in the head of your documents:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

Here are the different characters you may need to use.

DisplayFriendly CodeNumerical CodeHex CodeDescription
À &Agrave;&#192;&#xC0;Capital A-grave
à &agrave;&#224;&#xE0;Lowercase a-grave
 &Acirc;&#194;&#xC2;Capital A-circumflex
â &acirc;&#226;&#xE2;Lowercase a-circumflex
Æ&AElig;&#198;&#xC6;Capital AE Ligature
æ&aelig;&#230;&#xE6;Lowercase AE Ligature
Ç&Ccedil;&#199;&#xC7;Capital C-cedilla
ç&ccedil;&#231;&#xE7;Lowercase c-cedilla
È &Egrave;&#200;&#xC8;Capital E-grave
è&egrave;&#232;&#xE8;Lowercase e-grave
É &Eacute;&#201;&#xC9;Capital E-acute
é&eacute;&#233;&#xE9;Lowercase e-acute
Ê &Ecirc;&#202;&#xCA;Capital E-circumflex
ê &ecirc;&#234;&#xEA;Lowercase e-circumflex
Ë &Euml;&#203;&#xCB;Capital E-umlaut
ë &euml;&#235;&#xEB;Lowercase e-umlaut
Π&Icirc;&#206;&#xCE;Capital I-circumflex
î &icirc;&#238;&#xEE;Lowercase i-circumflex
Ï &Iuml;&#207;&#xCF;Capital I-umlaut
ï &iuml;&#239;&#xEF;Lowercase i-umlaut
Ô&Ocirc;&#212;&#xD4;Capital O-circumflex
ô&ocirc;&#244;&#xF4;Lowercase o-circumflex
Œ&OElig;&#140;&#x152;Capital OE ligature
œ&oelig;&#156;&#x153;Lowercase oe ligature
Ù&Ugrave;&#217;&#xD9;Capital U-grave
ù&ugrave;&#249;&#xF9;Lowercase u-grave
Û&Ucirc;&#219;&#xDB;Capital U-circumflex
û&ucirc;&#251;&#xFB;Lowercase U-circumflex
Ü&Uuml;&#220;&#xDC;Capital U-umlaut
ü&uuml;&#252;&#xFC;Lowercase U-umlaut
«&laquo;&#171;&#xAB;Left angle quotes
»&raquo;&#187;&#xBB;Right angle quotes
&euro;&#128;&#x80;Euro
 &#8355;&#x20A3;Franc

 

Using these characters is simple. In the HTML markup, you would place these special character codes where you want the French character to appear. These are used similar to other HTML special character codes that allow you to add characters that are also not found on the traditional keyboard, and therefore cannot be simply typed into the HTML in order to display on a web page.

Remember, these characters codes may be used on an English language website if you need to display a word with one of these characters. These characters would also be used in HTML that was actually displaying full French translations, whether you actually coded those webpages by hand and had a full French version of the site, or if you used a more automated approach to multi-lingual webpages and went with a solution like Google Translate. 

Original article by Jennifer Krynin, edited by Jeremy Girard

Format
mla apa chicago
Your Citation
Girard, Jeremy. "HTML Codes for French Language Characters." ThoughtCo, Jul. 18, 2016, thoughtco.com/html-codes-french-characters-4062211. Girard, Jeremy. (2016, July 18). HTML Codes for French Language Characters. Retrieved from https://www.thoughtco.com/html-codes-french-characters-4062211 Girard, Jeremy. "HTML Codes for French Language Characters." ThoughtCo. https://www.thoughtco.com/html-codes-french-characters-4062211 (accessed November 21, 2017).