Tabela de acentuação e caracteres especiais em ASCII

Ainda tenho dificuldade em html com os códigos ASCII.
Será que vocês poderiam postar uma tabelinha de códigos?
Érica de Sant’anna

Ok, Érica. Seu pedido é uma ordem.
Ao usar um editor de texto que permita acentuação para criar um página, corremos o risco dos acentos não serem interpretados corretamente por alguns browsers, em especial browsers instalados em países onde não se utiliza acentuação gráfica.
Se quisermos garantir que a acentuação da nossa página vai ser universalmente entendida devemos usar as entities. Nas entities faz diferença usar caracteres maiúsculos ou minúsculos.

É verdade que é muito trabalhoso colocar as entities ao invés de usar diretamente os caracteres acentuados; felizmente hoje os editores permitem digitar os acentos e eles se encarregam de converter para as entities.

Na verdade entities é o único caso onde a HTML é case-sensitive, ou seja, há diferença entre maiúsculas e minúsculas. Por isso, atenção ao digitar seu código.

A tabela abaixo especifica as entities usadas para conseguir letras acentuadas, e alguns caracteres especiais como cedilha, símbolo de copyright, caracteres nórdicos, etc.

Tabela de Acentos e Caracteres Especiais em HTML usando entities
Á Á È È ô ô Ç Ç
á á è è Ò Ò ç ç
Â Â Ë Ë ò ò
â â ë ë Ø Ø Ñ Ñ
À À Ð Ð ø ø ñ ñ
à à ð ð Õ Õ
Å Å õ õ Ý Ý
å å Í Í Ö Ö ý ý
à à í í ö ö
ã ã Î Î "
Ä &Auml; î &icirc; Ú &Uacute; < &lt;
ä &auml; Ì &Igrave; ú &uacute; > &gt;
Æ &AElig; ì &igrave; Û &Ucirc; & &amp;
æ &aelig; Ï &Iuml; û &ucirc;
ï &iuml; Ù &Ugrave; ® &reg;
É &Eacute; ù &ugrave; © &copy;
é &eacute; Ó &Oacute; Ü &Uuml; Þ &THORN;
Ê &Ecirc; ó &oacute; ü &uuml; þ &thorn;
ê &ecirc; Ô &Ocirc; ß &szlig;

É possível conseguir acentuação, os caracteres especiais já vistos e ainda outros usando o código ASCII precedido de &#. A tabela a seguir mostra os códigos e sua interpretação.

Tabela ASCII em HTML
&#33; ! &#65; A &#97; a &#163; £ &#195; Ã &#227; ã
&#34; &#66; B &#98; b &#164; ¤ &#196; Ä &#228; ä
&#35; # &#67; C &#99; c &#165; ¥ &#197; Å &#229; å
&#36; $ &#68; D &#100; d &#166; ¦ &#198; Æ &#230; æ
&#37; % &#69; E &#101; e &#167; § &#199; Ç &#231; ç
&#38; & &#70; F &#102; f &#168; ¨ &#200; È &#232; è
&#39; &#71; G &#103; g &#169; © &#201; É &#233; é
&#40; ( &#72; H &#104; h &#170; ª &#202; Ê &#234; ê
&#41; ) &#73; I &#105; i &#171; « &#203; Ë &#235; ë
&#42; * &#74; J &#106; j &#172; ¬ &#204; Ì &#236; ì
&#43; + &#75; K &#107; k &#173; ­ &#205; Í &#237; í
&#44; , &#76; L &#108; l &#174; ® &#206; Î &#238; î
&#45; &#77; M &#109; m &#175; ¯ &#207; Ï &#239; ï
&#46; . &#78; N &#110; n &#176; ° &#208; Ð &#240; ð
&#47; / &#79; O &#111; o &#177; ± &#209; Ñ &#241; ñ
&#48; 0 &#80; P &#112; p &#178; ² &#210; Ò &#242; ò
&#49; 1 &#81; Q &#113; q &#179; ³ &#211; Ó &#243; ó
&#50; 2 &#82; R &#114; r &#180; ´ &#212; Ô &#244; ô
&#51; 3 &#83; S &#115; s &#181; µ &#213; Õ &#245; õ
&#52; 4 &#84; T &#116; t &#182; &#214; Ö &#246; ö
&#53; 5 &#85; U &#117; u &#183; · &#215; × &#247; ÷
&#54; 6 &#86; V &#118; v &#184; ¸ &#216; Ø &#248; ø
&#55; 7 &#87; W &#119; w &#185; ¹ &#217; Ù &#249; ù
&#56; 8 &#88; X &#120; x &#186; º &#218; Ú &#250; ú
&#57; 9 &#89; Y &#121; y &#187; » &#219; Û &#251; û
&#58; : &#90; Z &#122; z &#188; ¼ &#220; Ü &#252; ü
&#59; ; &#91; [ &#123; { &#189; ½ &#221; Ý &#253; ý
&#60; < &#92; &#124; | &#190; ¾ &#222; Þ &#254; þ
&#61; = &#93; ] &#125; } &#191; ¿ &#223; ß &#255; ÿ
&#62; > &#94; ^ &#126; ~ &#192; À &#224; à &#256; Ā
&#63; ? &#95; _ &#161; ¡ &#193; Á &#225; á
&#64; @ &#96; ` &#162; ¢ &#194; Â &#226; â

One Response

  1. Carlos 1 de abril, 2013

Add Comment