Como Fazer Uma Foto Em Html

Índice:

Como Fazer Uma Foto Em Html
Como Fazer Uma Foto Em Html

Vídeo: Como Fazer Uma Foto Em Html

Vídeo: Como Fazer Uma Foto Em Html
Vídeo: Como INSERIR IMAGEM no HTML - COMPLETO!!!! Passo a Passo! 2024, Maio
Anonim

HTML é uma linguagem de marcação usada para criar páginas da Internet. Ele pode ser usado para personalizar a exibição de vários elementos, incluindo imagens. A configuração da exibição das imagens em HTML é realizada por meio de uma tag especial.

Como fazer uma foto em html
Como fazer uma foto em html

Instruções

Passo 1

Abra seu arquivo HTML com o editor de texto que você usa para editar páginas da web. Caso não possua um arquivo HTML, crie-o clicando com o botão esquerdo do mouse na área de trabalho ou na pasta desejada, e clique no menu "Novo" - "Documento de Texto". Insira um nome de arquivo e adicione a extensão html após o ponto. Em seguida, clique com o botão direito no documento novamente e selecione "Abrir com" - "Bloco de notas". Você verá um documento em branco no qual pode inserir o código HTML.

Passo 2

Para criar uma imagem em HTML, é utilizada uma tag, que deve ser colocada em uma seção para exibição. Por exemplo:

Imagem em HTML

etapa 3

A tag não fecha e não requer uma tag de fechamento. Seu parâmetro principal, que deve ser usado, é src, que define o caminho para o arquivo de imagem desejado. Você pode especificar nesta linha o caminho completo (com https://) e o caminho relativo (por exemplo, /pictures/img.jpg) para o arquivo de imagem que deseja colocar.

Passo 4

Outro parâmetro importante é alt, que define o nome da imagem e sua identificação na página. Este nome aparecerá quando o usuário passar o mouse sobre a imagem.

Etapa 5

Você também pode usar os atributos de largura e altura para definir os parâmetros da imagem. A primeira configuração é responsável pelo comprimento e a segunda é pela altura da imagem na página. Este parâmetro é especificado em pixels. Assim, a tag & img> pode ser definida:

Etapa 6

Usando essa tag, uma imagem é criada, o caminho para o qual é registrado no atributo src. Ao passar o mouse sobre a imagem, você verá a mensagem "nome da imagem". Nesse caso, a imagem terá 300 pixels de largura e 250 pixels de altura. Você pode definir todos os parâmetros acima conforme desejar.

Etapa 7

Salve as alterações no arquivo usando a função "Arquivo" - "Salvar". Abra o documento em um navegador para verificar se a imagem foi criada com sucesso em HTML. Para fazer isso, clique com o botão direito do mouse no arquivo e selecione a seção "Abrir com" e, a seguir, clique na linha com o nome do seu navegador. A criação da imagem HTML foi concluída.

Recomendado: