Qual é a maneira correta de usar uma tag de imagem HTML?

As imagens são frequentemente adicionadas às páginas da Web para torná-las mais convidativas e interessantes em comparação com uma página de texto sem formatação. Usando a tag HTML Image, é fácil adicionar imagens a qualquer página da web. Essa tag também possui vários atributos ou características que você pode especificar.

Ao adicionar imagens a uma página da web, é importante lembrar que uma imagem não faz parte do arquivo que compõe a própria página. Os arquivos usados ​​para a página da web são arquivos separados de todos os arquivos de imagem. A tag Imagem HTML refere o navegador da Web ao arquivo de imagem específico da imagem que você deseja mostrar. Quando a página da web é exibida em um navegador, o arquivo de imagem é exibido junto com outros arquivos que compõem essa página.

O código para a tag Imagem HTML é: <IMG SRC = "local da imagem" />. Local da imagem é o nome do arquivo da imagem que você deseja exibir e onde a imagem é armazenada. É importante que você obtenha essas informações corretamente para garantir que a imagem seja exibida corretamente. A organização e o armazenamento de imagens que você deseja usar em sua página da web são considerações importantes.

Algumas pessoas armazenam suas imagens no mesmo diretório que todas as outras partes de suas páginas da web. Nesse caso, ao se referir à imagem, você incluiria apenas o nome do arquivo na tag Imagem HTML. Quando uma página da web possui várias imagens, é comum criar um subdiretório, geralmente chamado de imagens . Nesse caso, o nome do subdiretório também seria incluído na tag.

Como exemplo, eis o que faríamos para inserir uma imagem de uma árvore, nome do arquivo tree.jpg, em uma página da web. Se tivéssemos armazenado a imagem da árvore no mesmo local que nossos outros arquivos de página da web, a tag HTML Image seria <IMG SRC = "tree.jpg">. Se o arquivo de imagem fosse armazenado em um subdiretório no diretório de nossas páginas da web, a tag seria alterada para <IMG SRC = "images / tree.jpg">. O que é importante lembrar é que a tag HTML Image fornece uma referência ou caminho para o arquivo de imagem. Basicamente, ele informa ao navegador onde procurar o arquivo.

A tag Imagem HTML possui vários atributos que podem ser especificados para a imagem que você deseja incluir. Os atributos são características da própria marca e, portanto, são usados ​​dentro da marca ou entre <e>. Os atributos usados ​​com a tag Imagem HTML são:

• ALINHAR - especifica como sua imagem é alinhada em relação ao texto da sua página (ESQUERDA, DIREITA, SUPERIOR, MÉDIO, INFERIOR)
• ALT - refere-se ao texto alternativo. Este é um atributo muito importante e deve ser incluído em todas as suas imagens. Especifica o texto que é exibido em vez da imagem
• FRONTEIRA - adiciona uma borda à sua imagem, com a espessura especificada em pixels
• ALTURA e LARGURA - podem ser usadas para definir a largura e a altura da imagem que você deseja exibir, o que permite alterar o tamanho da imagem. Tenha cuidado ao usar esses atributos, pois você pode alterar a qualidade da imagem e as proporções, resultando em imagens de baixa qualidade
• VSPACE e HSPACE - são usados ​​para adicionar espaço em branco à sua imagem.