SdevLab – Tutorial | Caracteres Especiais em HTML

Eae galera!
O tutorial de hoje é a sequência do tutorial anterior, que dava continuidade à uma série de tutorias sobre HTML. Se você já tem uma noção básica não faz diferença a sequência, porém, se você deseja aprender na ordem correta, siga para a página que direciona o aprendizado básico.
Boa leitura!

ATUALIZAÇÃO (06/08/2015): Este post foi escrito com base nos tutoriais do W3C para HTML 4.1. O link de referência deste post, ou de posts seguintes desta mesma série, hoje aponta para o tutorial de HTML 5, logo não é mais válido. O conteúdo está correto, mas não é sobre a versão mais atual!

Caracteres Especiais em HTML

Alguns caracteres em html tem significados especiais, como < e > que são usados na definição das tags.
Se você estivesse fazendo uma página html sem nenhum editor visual, e um texto desta página tivesse uma expressão matemática que precisasse deste caractere ( > ), como você resolveria o problema?
Esta foi uma questão que com certeza surgiu no desenvolvimento da linguagem, porque os caracteres < e > assim como outros foram substituídos por alguns códigos que estão na tabela abaixo:

Caractere Descrição Nome do Caractere
non-breaking espace &nbsp;
< menor que &lt;
> maior que &gt;
& “ê” comercial &amp;
aspas &quot;
apóstrofo &apos;
¢ cent &cent;
£ pound &pound;
¥ yen &yen;
§ seção &sect;
© direitos autorais &copy;
® marca registrada &reg;
× multiplicação &times;
÷ divisão &divide;

Explicando a tabela, na primeira coluna temos respectivamente o cacactere exibido pelo navegador, na segunda sua descrição e na colunas 3 temos o nome do caractere. Este nome é o que vamos utilizar nos códigos.

Nota: o nome dos caracteres vem divididos em 3 partes que são o caracter “e” (&), o nome do caractere e o ; (ponto e vírgula).

Para exemplificar, vamos gastar a nossa matemática no teste18.html.


<html>
   <head>
      <title>
           Teste 18
      </title>
   </head>
   <body>
      <p>
           Exemplos:
      </p>
      <p>
           5&times;5=25
           <br>
           45&gt;21
           <br>
           21&divide;3=7
      </p>
   </body>
</html>

Copie o código acima e cole no Bloco de Notas. Abra no navegador para ver o resultado!

OBS: Como já foi falado aqui na série de tutoriais, html não entende múltiplos espaços. Dar um espaço entre uma palavra e outra funciona, mas se eu quiser usar mais de um espaço um caracter especial deve ser utilizado, o &nbsp;

Este foi o tutorial de caracteres especiais, que foi mais uma referência do que um tutorial.
Até a próxima!

xD

Os códigos deste post estão disponíveis em:
https://github.com/jonasvm/sdevlab-cursos/tree/master/sdevlab-html41
Contribua!

Fonte de pesquisa: w3schools.com/html

Um comentário sobre “SdevLab – Tutorial | Caracteres Especiais em HTML

  1. Pingback: SdevLab – Curso| Aprenda HTML 4.1 Online | Sanoj's devLab

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s