Emojis e Caracteres Especiais

Os emojis são caracteres especiais que fazem parte do padrão Unicode. Eles podem ser usados diretamente em textos ou por meio de códigos HTML.

Como usar emojis:

1. Diretamente no texto:

   • Basta copiar e colar o emoji no seu código ou documento.
   • Exemplo:

     <p>Olá! 😊</p>

2. Usando códigos HTML:

   • Cada emoji tem um código Unicode que pode ser usado em HTML.
   • Formato: &#x[código hexadecimal]; ou &#[código decimal];.
   • Exemplo:

     <p>Olá! &#x1F60A;</p> <!-- Emoji "😊" -->
     <p>Olá! &#128522;</p>   <!-- Mesmo emoji em decimal -->

Tabela de Emojis (HTML):

2. Símbolos Especiais

Além dos emojis, o Unicode inclui uma variedade de símbolos especiais, como marcas registradas, setas, moedas, matemáticos, etc.

Como usar símbolos especiais:

1. Diretamente no texto:

   • Copie e cole o símbolo no seu código ou documento.
   • Exemplo:

     <p>Marca registrada: ®</p>

2. Usando códigos HTML:

   • Cada símbolo tem um código Unicode que pode ser usado em HTML.
   • Formato: &#x[código hexadecimal]; ou &#[código decimal];.
   • Exemplo:

     <p>Marca registrada: &#x00AE;</p> <!-- Símbolo "®" -->
     <p>Marca registrada: &#174;</p>    <!-- Mesmo símbolo em decimal -->

Tabela de Símbolos Especiais (HTML):

3. Caracteres Especiais em HTML

Alguns caracteres têm significados especiais em HTML (como <, >, &). Para exibi-los corretamente, você precisa usar entidades HTML.

Exemplos de entidades HTML:

4. Como Inserir Caracteres Especiais no CSS

No CSS, você pode usar códigos Unicode para adicionar símbolos ou emojis ao conteúdo de um elemento.

Exemplo:

/* Adiciona um coração antes de um parágrafo */
p::before {
    content: "\2665"; /* Código Unicode para "♥" */
    color: red;
    margin-right: 5px;
}

5. Como Inserir Caracteres Especiais no JavaScript

No JavaScript, você pode usar códigos Unicode diretamente em strings.

Exemplo:

let emoji = "😊";
let simbolo = "®";

console.log("Olá! " + emoji); // Exibe: Olá! 😊
console.log("Marca registrada: " + simbolo); // Exibe: Marca registrada: ®

Resumo

• Emojis: Use códigos Unicode ou copie e cole diretamente.
• Símbolos especiais: Use códigos Unicode ou entidades HTML.
• Caracteres especiais em HTML: Use entidades HTML para exibir <, >, &, etc.
• CSS e JavaScript: Use códigos Unicode para adicionar símbolos dinamicamente.

Ferramentas úteis:

• Emojipedia para emojis.
• Unicode Table para símbolos especiais.
• HTML Entities para entidades HTML.
• UTF-8 Miscellaneous Symbols Tabela de simbolos W3Schools.
• PDF Aula 05