Pesquisar aqui

Friday, May 15, 2020

Iniciação ao HTML: imagens

Uma peça fulcral de muitos sites são as imagens, que ajudam na sua acessibilidade e embelezamento. Como tal, vou ensinar-vos como colocá-las num site a partir de HTML.

Código



Resultado do código




Como pode ver, para incorporar uma imagem é apenas necessário utilizar a tag "img" e no seu interior colocar a localização do ficheiro (no parâmetro "source", src). É aconselhável colocar sempre as imagens na mesma pasta em que o código HTML se encontra pois, dessa maneira, não será necessário utilizar domínios próprios para indicar a localização da imagem (como "C:\nomedoutilizador\imagens\..."), que podem vir a gerar erros. Por fim, é também aconselhável colocar uma imagem alternativa para a eventualidade da imagem não ser carregada (como foi o meu caso), para além disso, essa mensagem alternativa ajuda os invisuais a perceber que naquele lugar existe uma imagem e sobre o que ela é, pois o seu software irá ler a mensagem alternativa.

Imagem produzida pelo autor.

No comments:

Post a Comment

Comente de forma construtiva...

Note: Only a member of this blog may post a comment.