Pesquisar aqui

Friday, May 8, 2020

HTML - Imagens

Hoje falarei de como podemos implementar uma imagem num website usando HTML. A tag da imagem é definida desta forma: <img>. A tag da imagem não tem uma tag para fechar e apenas usa atributos dentro da mesma. Para colocares a imagem terás de colocar o  URL desta, que pode ser definido com o atributo "src".

Meu HTML é semântico e o seu? - CollabCode - Medium

 A seguir, e este passo é opcional, podes adicionar o atributo "alt. Este deixa uma pequena mensagem que descreva a imagem se a mesma não carregar. Ainda podes adicionar os atributos "width" e "height" (largura e comprimento) que te facilitaram a colocares o tamanho especifico que queres da imagem. Estes dois atributos podem ser usados com valores de pixeis e percentagens. Por fim podes adicionar uma borda a imagem, usando o atributo "border". O teu código devera ficar parecido com o seguinte:

<img src="casa.jpg" alt="casa" width="150px" height="150px" border="1px" />

Espero que tenham aprendido alguma coisa. Até à próxima!


No comments:

Post a Comment

Comente de forma construtiva...

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