Como usar HTML para inserir um logotipo

Quando você quiser adicionar um logotipo ao seu site ou e-mail, basta um HTML simples para inserir a imagem. Adicionar um logotipo pode tornar seus esforços de publicação online muito mais profissionais, e é fácil adicionar diferentes logotipos e imagens aos seus arquivos depois de memorizar o código básico. Se você deseja inserir um logotipo em um design ou arquivo, veja como usar HTML para criar seu logotipo amigável para a web.

Passo 1

Localize o arquivo do seu logotipo. Você precisará do local do arquivo e da extensão da imagem do logotipo para que possa inseri-lo no código.

Vídeo do dia

Passo 2

Abra seu editor de palavras. Abra o Bloco de notas ou outro software de processamento de texto para começar a escrever seu código.

etapa 3

Escreva o código para inserir um arquivo de imagem. Modelo Passo 4

Insira as informações de 'tag alt'. Isso é valioso para os motores de busca e usuários que não podem ler imagens. Essas informações podem incluir o nome da sua empresa ou simplesmente a mensagem do seu logotipo. Você precisará adicionar isso imediatamente após a seção 'img src' e inserir o texto ao redor de dois apóstrofos.

Etapa 5

Indique a altura e a largura da sua imagem. As informações de altura e largura vão imediatamente após o atributo alt tag e também são agrupadas em apóstrofos. Você precisará escrever o seguinte: largura = "(número de pixels)" altura = "(número de pixels)".

Etapa 6

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

Etapa 7

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

Coisas que você precisa

  • Software Microsoft Paint ou Image

  • Bloco de notas ou programa básico de processamento de texto

Gorjeta

Você pode alterar o tamanho da imagem facilmente editando a largura e a altura no HTML. O padrão para o estilo da borda é normalmente 0. Você pode tornar um logotipo clicável adicionando "" e ""em torno da imagem.

Aviso

Verifique se o logotipo pode ser encontrado em um local de fácil acesso no disco rígido do computador. Sempre feche suas tags corretamente; perder essa etapa pode impedir que sua imagem ou arquivo apareça.