Mais
×

Como utilizar HTML para inserir uma logo

Atualizado em 23 março, 2017

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.

Instruções

Digitando códigos (keyboard image by Fyerne from Fotolia.com)

    Código HTML

  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. 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. Escreva o código para inserir um arquivo de imagem. Digite

    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.

  4. 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)".

  5. 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 '>'.

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

Dicas

  • 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 "<a href =" (página que você deseja vincular)html">" e "</ a>" em torno da imagem.

Aviso

  • 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.

O que você precisa

  • Microsoft Paint ou programa de imagem
  • Bloco de notas ou programa de processamento de texto básico
Cite this Article A tool to create a citation to reference this article Cite this Article