Como utilizar HTML para inserir uma logo

Escrito por sabah karimi | Traduzido por elton alves ribeiro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como utilizar HTML para inserir uma logo
Digitando códigos (keyboard image by Fyerne from Fotolia.com)

Quando você quiser adicionar um logotipo ao seu site ou e-mail, um simples HTML é tudo o que você precisa para inserir a imagem. Adicionar um logotipo pode tornar a sua publicação on-line muito mais profissional, e é fácil incluir logos e imagens diferentes aos seus arquivos, basta memorizar o código básico. Se você deseja inserir um logotipo em um projeto ou arquivo, veja aqui como usar HTML para criar seu logotipo de aparência agradável.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

O que você precisa?

  • Microsoft Paint ou programa de imagem
  • Bloco de notas ou programa de processamento de texto básico

Lista completaMinimizar

Instruções

    Código HTML

  1. 1

    Localize o arquivo de seu logotipo. Você precisará saber o local do arquivo e extensão de sua imagem para que possa inserí-los no código.

  2. 2

    Abrir o seu editor de texto. Abra o Bloco de Notas ou outro programa de processamento de textos para começar a escrever o seu código.

  3. 3

    Escreva o código para inserir um arquivo de imagem. Digite <img src=" seguido pelo local do arquivo/nome, e extensão. Termine esta parte do código com dois apóstrofos e feche seu comando com '>'.

  4. 4

    Inserir informação 'alt tag'. Isso é importante para as fontes de busca e os usuários que não conseguem ler imagens. Esta informação pode incluir o nome da empresa ou, simplesmente, a mensagem de seu logo. Você vai precisar adicionar esta imediatamente após a secção "img src 'e inserir o texto entre dois apóstrofos.

  5. 5

    Indique a altura e largura da imagem. As informações sobre altura e largura vão imediatamente após o seu atributo alt tag e também estão entre apóstrofos. Você vai precisar escrever o seguinte: width = "(número de pixels)" height = "(número de pixels)".

  6. 6

    Indique informações de bordas, em seguida feche o comando. A espessura da borda não é necessária para todos os logotipos, mas o padrão é geralmente '0'. Você vai precisar escrever o seguinte: border ="0" e depois fechar a tag com outro símbolo '>'.

  7. 7

    Salve o arquivo como uma extensão .htm. Este é o seu arquivo HTML que você pode usar para seu projeto de design.

Dicas & Advertências

  • Você pode mudar o tamanho de sua imagem facilmente editando a largura e altura dentro do HTML.
  • O padrão para estilo de borda é normalmente 0.
  • Você pode tornar um logotipo clicável, acrescentando "" e "" em torno da imagem.
  • Assegure-se que o logotipo possa ser encontrado em um local de fácil acesso no disco rígido do seu computador.
  • Feche sempre as tags corretamente. Errar este passo pode impedir sua imagem ou arquivo de aparecer.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível