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 simples. Usando a tag de imagem HTML, é 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. Os arquivos usados para a página da web são arquivos separados de todos os arquivos de imagem. A tag de imagem HTML refere o navegador da web ao arquivo de imagem específico para a imagem que você deseja mostrada. 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. A localização da imagem é o nome do arquivo para a imagem que você deseja ser mostrada e onde a imagem é armazenada. É importante que você obtenha essas informações corretas para garantir que a imagem seja exibida corretamente. OOrganização e 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 de todas as outras partes de suas páginas da web. Nesse caso, quando você se refere à imagem, você incluiria apenas o nome do arquivo na tag 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, o 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 da página da web, a tag de imagem HTML seria . Se o arquivo de imagem fosse armazenado em um subdiretório em nosso diretório de página da web, a tag seria alterada para
. O que é importante lembrar é tHat a tag de imagem HTML fornece uma referência ou caminho para o arquivo de imagem. Basicamente, diz ao navegador onde procurar o arquivo.
A tag de 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 tag e, portanto, são usados dentro da tag ou entre o
- Alinhar - especifica como sua imagem está alinhada em relação ao texto na sua página (esquerda, direita, superior, média, inferior)
- alt - refere -se a texto alternativo. Este é um atributo muito importante e deve ser incluído para todas as suas imagens. Ele especifica o texto exibido em vez da imagem
- Border - 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 SIZe da imagem. Tenha cuidado usando 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 ao redor da sua imagem.