Neste espaço, vamos ver como inserir uma imagem na nossa página web.
Lembram no início do curso, na aula dedicada à organização do site, eu recomendava que inserissem na pasta principal do site, uma pasta chamada imagens? Bem, agora será útil! A primeira coisa a fazer é escolher a imagem que vamos inserir na nossa página e, uma vez escolhida, colocá-la, através do copiar e colar, na pasta imagens do site. Escolha qualquer uma. Agora vamos ver o sistema de inserção dessa imagem, ou da sua imagem, através do Html:
<img src="immagini/stones.gif">
Agora vamos comentar. A tag img significa, precisamente, imagem e é escrita abreviadamente. Combinada com src que quer dizer source o fonte indica precisamente ao Navegador onde a imagem está localizada.
O comando segue com o caminho que fará o Navegador procurar, encontrar e exibir a imagem stones.gif. A tag img não precisa de tag de fechamento! Analisemos com cuidado o caminho: “imagens/stones.gif” Imagens é a pasta imagens criada anteriormente, que contém a imagem a ser exibida.
A barra inclinada / serve para identificar que se trata de um caminho. Por fim, há a própria imagem a ser exibida stones.gif. Quando estudarmos as aulas dedicadas a links, veremos como carregar uma imagem diretamente da web, sem inseri-la em nenhuma pasta do site.
Pubblicato in HTML & CSS
Seja o primeiro a comentar