Skip to content

Como criar um ícone de coração em seu site

4 de abril de 2021

Existem duas maneiras principais de inserir um símbolo de coração em seu site. Você pode copiar o coração de outro lugar para colá-lo facilmente na página ou pode aprender o código HTML para fazer seu próprio ícone de coração. Você pode usar estilos de texto CSS para alterar a cor do símbolo de coração e estilos de fonte para alterar o tamanho e peso (negrito) do símbolo de coração.

Símbolo do Coração HTML

  1. Com o editor do seu site, abra a página que deveria ter o símbolo do coração, usando o modo de edição em vez do modo WYSIWYG.
  2. Coloque o cursor exatamente onde deseja que o símbolo esteja.
  3. Digite o seguinte no arquivo HTML: & corações;
  4. Salve o arquivo e abra-o em um navegador da web para verificar se funcionou. Você deveria ver um coração assim: ♥

Copie e cole o ícone de coração

Outra maneira de exibir o símbolo do coração é simplesmente copiá-lo e colá-lo desta página diretamente no seu editor. No entanto, nem todos os navegadores da web o exibirão de maneira confiável dessa maneira. Lembre-se de que, com editores somente WYSIWYG, você pode copiar e colar o símbolo de coração usando o modo WYSIWYG e o editor deve convertê-lo para você.