Inserindo Imagens - HTML

Inserindo imagens - HTML

Para inserir imagens no HTML, utilizamos a Tag <img/>
Esta tag, possui vários parametros, onde irei lista-los a seguir:

<img src="http://www.google.com.br/google.jpg" Width="300" Heidth="200" Alt="Isto é uma imagem" title="Imagem do Google!">

Na tag descrita acima, observamos:
src="camiho".
A tag src, significa "source", ou seja, Fonte ou caminho para buscar a imagem.
neste caso, ela esta sendo buscada no no servidor da google.

Também a casos em que inserimos a imagem em nosso computador local.
neste caso, ficaria assim:
<img src="../imagens/imagem.jpg">
imaginamos a pasta site:

Site
-Imagens
  --imagem
-Pagina
  --index.html

onde estamos programando em index.html, e queremos colocar a imagem que esta na pasta imagens. Para isto, Voltaremos uma pasta utilizando os dois pontos(..), depois iremos ate imagens, e localizamos nossa imagem.
A lógica por trás dos dois pontos, quer dizer voltar uma pasta, então você poderá voltar quantas pastas quiser (../../../) ate chegar onde esta seu arquivo ;)

Width e Heigth
O atributo Whidth, quer dizer Largura, onde voce define a largura de sua imagem.

O atributo Heidth, quer dizer Altura, onde é definido a altura.

Caso apenas um dos dois sejam definidos, o navegador se encarrega de encontrar o oposto e adequar a imagem no tamanho correto.

Parametros de <img>
width: a largura da imagem
height: A altura.

Caso um dos dois foram inseridos sozinhos, o navegador se encarrega de adaptar a imagem.

Alt="Identificação da imagem"
title="Titulo da imagem"