>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Usar HTML para Inserir um Logotipo

Quando você quer adicionar um logotipo ao seu site ou e-mail, um HTML simples é tudo o que precisa 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 que você memoriza o código básico. Se quer inserir um logotipo em um design ou arquivo, veja como usar HTML para criar seu logotipo compatível com a web.

Passo 1

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

Passo 2

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

Passo 3

Escreva o código para inserir um arquivo de imagem. Digite <img src= seguido pela localização/nome do arquivo e extensão. Termine esta parte do código com um par de aspas simples e feche a tag com >.

Passo 4

Insira a informação da 'tag alt'. Isso é valioso para mecanismos de busca e usuários que não podem ler imagens. Esta informação pode 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 entre duas aspas simples.

Passo 5

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

Passo 6

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

Passo 7

Salve seu arquivo com extensão .htm. Este é seu arquivo HTML que pode usar para seu projeto de design.

Dica

Você pode alterar facilmente o tamanho da imagem editando a largura e altura no HTML. O padrão para estilo de borda é tipicamente 0. Você pode tornar um logotipo clicável adicionando <a href="..."> e </a> ao redor da imagem.

Aviso

Certifique-se de que o logotipo pode ser encontrado em um local facilmente acessível no disco rígido do seu computador. Sempre feche suas tags corretamente; pular esta etapa pode impedir que sua imagem ou arquivo apareça.