O que é o código de imagem HTML?
Em um documento HTML (HyperText Markup Language), o código de imagem HTML é uma programação usada para inserir imagens gráficas em diferentes pontos do layout. O código geralmente é uma série de palavras-chave legíveis por humanos que, em seguida, recebem valores associados, agrupados entre sinais maiores que e menores que dentro do documento HTML. O código de imagem HTML resultante informa a um navegador da Web ou outro visualizador de documentos a localização do arquivo de imagem on-line ou em uma unidade de disco, as dimensões da imagem, qualquer formatação especial da imagem e opções de alinhamento diferentes para os outros elementos no HTML documento que o rodeia. As imagens podem ser aninhadas dentro de outros códigos HTML - às vezes conhecidos como tags -, permitindo que sejam usadas como links clicáveis, itens de lista ou imagens de plano de fundo. Com o uso das extensões CSS (Cascading Style Sheet) em HTML, muitos outros valores e propriedades de uma imagem em um documento também podem ser modificados, enquanto algumas linguagens de programação podem ser incorporadas ao documento para permitir o processamento básico da imagem.
O código de imagem HTML mais comum consiste na tag de imagem, que em HTML é representada pela palavra-chave IMG. Isso indica ao navegador da Web que uma imagem será inserida no documento neste momento e que as informações sobre a imagem serão exibidas. As únicas informações necessárias que devem estar dentro da tag IMG são chamadas de origem. A palavra-chave SRC recebe o nome ou o local do arquivo de imagem, permitindo que o navegador carregue a imagem. O valor pode ser um nome de arquivo ou um endereço online que também é conhecido como URL (Universal Resource Location), assim como um endereço de site.
Existem outras propriedades que podem ser definidas em um código de imagem HTML. A altura e a largura da imagem podem ser fornecidas explicitamente, permitindo que a imagem seja redimensionada para caber em um determinado layout. É possível fornecer texto alternativo para que os usuários que não podem ver a imagem possam ouvir ou ler uma versão em texto dela. Bordas e espaçamento ao redor da imagem também podem ser definidos, dando à imagem uma aparência e posicionamento distintos em uma página da web.
Uma boa quantidade de código de imagem HTML pode ser usada para definir como a imagem é alinhada e como o restante da página da web reage à sua presença. O texto pode ser configurado para fluir pela imagem nos lados direito ou esquerdo, ou pode ser pulado sobre a imagem completamente, deixando-a livre de seu espaço. Algumas opções permitem que a imagem seja traçada por texto ou outros elementos, ou mesmo flua como parte do layout, para que seja incluída em uma linha, como qualquer outra letra em uma frase.