No HTML, o que é uma tag de imagem?

Ao criar uma página da web usando HTML, a tag de imagem é usada para inserir uma foto ou gráfico em um local específico na página. Existem muitas maneiras pelas quais as imagens podem ser usadas nas páginas da web, desde a adição de interesse até a usada como uma ferramenta de navegação ou para fornecer informações. Existem também vários formatos diferentes de imagens que podem ser usados. Não importa como ou qual imagem esteja sendo adicionada à página da web, a tag de imagem é sempre necessária.

Para adicionar uma imagem, a tag de imagem está incluída onde você deseja que a imagem apareça na sua página. Por exemplo, se uma imagem fosse inserida após este parágrafo, a tag de imagem, ou , seria adicionada ao documento HTML após este parágrafo. A tag define todas as imagens em html. É referido como uma tag vazia, pois contém atributos e não possui tag de fechamento. Atributos são opções disponíveis para uma tag html específica.

Se apenas foram adicionados a um documento HTML, nada mostraria como os atributos da tag não foram incluídos. O atributo mais importante para é "SRC", que significa fonte. O atributo SRC afirma onde o arquivo de imagem está realmente localizado, ou é o endereço para o arquivo de imagem. Como a imagem está sendo usada em uma página da web, a localização da imagem será fornecida como URL. No documento HTML, a imagem seria: .

Especificamente, o URL aponta para onde a imagem é armazenada. Por exemplo, se uma imagem de um computador com o nome do arquivo comput.jpg fosse armazenada na pasta Images em www.wisegeek.com, o URL seria substituído por: . Quando o navegador abre a página da web, ele exibe a imagem onde a tag de imagem está incluída.

A tag de imagem possui vários outros atributos diferentes. Eles permitem que um usuário ajuste a aparência da imagem na página. Os seguintes atributos são comMonly usado para esta tag: alt, borda, tamanho e alinhamento.

O atributo alt significa texto alternativo e é mostrado se um navegador não puder exibir uma imagem. Além disso, o texto alternativo é lido para os usuários que são visualmente desafiados e optam por exibir o texto sobre imagens. Para o exemplo acima, o texto alternativo pode ser declarado como alt = "imagem de um computador".

O atributo borda adiciona uma borda à imagem com a espessura, dependendo do número de pixels declarados. Isso pode ser especialmente útil quando o fundo da imagem e o plano de fundo do site são semelhantes e uma distinção clara é desejada. Por exemplo, Border = "10" colocará uma borda de 10 pixels de espessura ao redor de uma imagem.

Os atributos também são importantes, pois a largura e a altura podem ser usadas para especificar o tamanho exato de uma imagem. Esses atributos precisam ser usados ​​com muito cuidado, pois alterá -los pode afetar as proporções ou a qualidade da imagem exibida. Tamanho attibutes não mudam o arquivo real, como o navegador o exibe.

O atributo alinhe especifica como a imagem está alinhada em comparação com o texto na página. Existem várias opções diferentes para esse atributo, incluindo superior, inferior, médio, esquerda, direita, absmiddle, Absbottom, linha de base e texttop. Essas tags também ajudam a determinar como o texto na página se alinha com a imagem.