How To Web Design & Dev HTML Codes for Spanish Language Characters Olé! Feel free to use the occasional Spanish character in your HTML Share Pin Email Print Pablo Blazquez Dominguez/Getty Images Web Design & Dev HTML Basics CSS by Jeremy Girard Author, educator, and director of marketing/head of web design and development at Envision Technology Advisors. Updated March 09, 2019 Even if your website is written in only one language and does not include multilingual translations, you may need to add Spanish language characters to the site occasionally. You do this by using the numerical code or hex code for the specific character in your HTML. The chart below includes the HTML codes necessary to use Spanish characters that are not in the standard character set. Older browsers may not support all these codes, but newer browsers should be fine with them, so be sure to test your HTML codes before you use them. Some Spanish characters are part of the Unicode character set, so you need to declare that in the head of your documents, as follows: <meta http-equiv="content-type" content="text/html;charset=utf-8" /> HTML Codes for Spanish Language Characters Here are the different Spanish characters you may want to use. Display Friendly Code Numerical Code Hex Codes Description Á Á Á Á Capital A-acute á á á á Lowercase a-acute É É É É Capital E-acute é é é é Lowercase e-acute Í Í Í Í Capital I-acute í í í í Lowercase i-acute Ñ Ñ Ñ Ñ Capital N-tilde ñ ñ ñ ñ Lowercase n-tilde Ó Ó Ó Ó Capital O-acute ó ó ó ó Lowercase o-acute Ú Ú Ú Ú Capital U-acute ú ú ú ú Lowercase u-acute Ü Ü Ü Ü Capital U-umlaut ü ü ü ü Lowercase u-umlaut « « « « Left angle quotes » » » » Right angle quotes ¿ ¿ ¿ ¿ Inverted question mark ¡ ¡ ¡ ¡ Inverted exclamation point € € € € Euro ₧ ₧ ₧ Peseta How to Use the Spanish HTML Codes Using these characters is simple. In the HTML markup, you place these special character codes where you want the Spanish character to appear. These are used similarly to other HTML special character codes that allow you to add characters that are not found on the traditional keyboard and therefore cannot be typed into the HTML to display on a web page. Remember, these characters codes may be used on an English language website if you need to display words such as piñata and piña colada. They can also be used in HTML that displays full Spanish translations, whether you code those web pages by hand and have a full Spanish version of the site or you use an automated approach to multilingual web pages and go with a solution such as Google Translate. Continue Reading Need to Add Turkish Language Characters to Your Site? An Overview of HTML Codes for Greek Language Characters How Do You Add German Characters to Your Webpage? French Language Characters and Your HTML Code The HTML Codes for Romanian Language Characters Need to Add Polish Characters to Your Web Page? How Do You Add Russian (Cyrillic) Characters to Your Webpage? How Do You Add Czech, Slovak, and Slovenian Characters to a Webpage? Need an HTML Special Character Code? Here Is a Complete List A Cheat Sheet of HTML Symbol Codes Looking for the HTML Code for a Special Character? Need to know the ISO code for a language in HTML? Here's a list. How to Use Special Characters in HTML How to Use Meta Charset Tags for Character Encoding in HTML5 The Easy Way to Write HTML in Dreamweaver (Without WYSIWYG) What are Markup Languages?