Pesquisar aqui

Wednesday, May 6, 2020

HTML - Imagens


UMA DAS TAGS MAIS UTILIZADAS TAMBÉM É A DE IMAGEM, PORQUE AFINAL O QUE SÃO PÁGINAS DA WEB SEM IMAGENS!

A tag de imagem é <image> e a sua estrutura de utilização é a seguinte:


<img src="urldaimagem" alt="nomedaimagem" width="largura" height="altura">

Em que src é a source, ou sejam o URL da imagem, alt é o nome que queremos dar à imagem (quando a imagem não carrega ou não é detectada, é esse nome que aparece na página), width é a largura e height é a altura.

Assim se seguirmos este exemplo:

<!DOCTYPE html>
<html>
<body>

<h2>Imagens em HTML</h2>
<p>As imagens em HTML são definidas com a tag:</p>

<img src="w3schools.jpg" alt="W3Schools Logo" width="895" height="493">

</body>
</html>

Em que a imagem denominada "w3schools.jpg" está na pasta onde se encontra o ficheiro html, o output no navegador será:

Se a imagem não fosse detectada ou carregada corretamente, o output seria:


Referências:




No comments:

Post a Comment

Comente de forma construtiva...

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