As imagens podem melhorar a aparência de uma página da web dividindo o texto e adicionando interesse visual. As imagens visíveis em uma página da web são, na verdade, links para uma imagem interna ou remota. Em outras palavras, as imagens são outro arquivo, seja no mesmo servidor da página da web ou em um servidor remoto. Para colocar uma imagem dentro de uma página da web, você deve dizer ao navegador onde procurar a imagem. Esta informação é colocada no ""tag com o atributo" src ".
Criando a imagem
Se sua imagem for mantida no servidor web que hospeda sua página web, você pode simplesmente colocar o nome da imagem na tag como: No entanto, se sua imagem estiver localizada em um servidor remoto, você deve colocar um link para a imagem em a tag como:
Quer você use uma imagem local ou remota, existem alguns atributos que você pode usar para alinhar sua imagem na página. O atributo "align" é usado para alinhar a imagem horizontalmente. Os valores podem ser "direita", "esquerda" ou centro. Por exemplo, para colocar uma imagem remota no lado direito da página, o código HTML seria:
O atributo "valign" é usado para alinhar a imagem verticalmente na tela. Os valores podem ser "superior", "inferior" e "centro". Para alinhar o exemplo acima no lado superior direito da tela, o código seria:
Outro atributo é o atributo "alt". Isso é usado para colocar o texto onde a imagem deveria estar se o visitante estiver usando um navegador da web baseado em texto ou se o link para a imagem estiver quebrado. O atributo "alt" é usado da seguinte maneira:
Finalmente, você pode transformar sua imagem em um hiperlink adicionando a tag "". Isso permite que os visitantes cliquem na imagem para serem levados a uma página remota ou à própria foto. O código HTML para criar uma imagem com um hiperlink é:
