Latest web development tutorials

imagem HTML

Exemplos

Norwegian Mountain Trip

Pulpit rock

tente »

Exemplos

exemplos on-line

Inserir uma imagem
Este exemplo demonstra como exibir imagens em uma página da Web.

Inserir imagens de diferentes locais
Este exemplo demonstra como diferentes imagens da pasta ou do servidor para exibir páginas da Web.

(Você pode encontrar mais exemplos no final desta página.)


imagem HTML - a tag de imagem (<img>) e um atributo de origem (SRC)

Em HTML, imagens são definidos pela tag <img>.

tag <img> está vazio, o que significa que ele contém atributos, e não fechar tag.

Para exibir a imagem na página, você precisa usar o atributo de origem (src). src refere-se à "fonte". Valor do atributo de origem é a URL da imagem.

sintaxe imagem personalizada é:

<img src="url" alt="some_text">

URL refere-se ao local de armazenamento de imagens. Se a imagem é chamado de "boat.gif" localizado www.w3school.com.cn o diretório de imagens, em seguida, o URL é http://www.w3school.com.cn/images/boat.gif.

O navegador exibirá a imagem no documento onde a tag de imagem será exibida. Se você colocar uma tag de imagem entre dois parágrafos, o navegador exibirá primeiro o primeiro parágrafo e, em seguida, exibir a imagem exibida último segundo parágrafo.


imagens HTML - Alt Atributo

atributo alt é usado como uma definição alternativa de uma série de imagens de texto preparado.

Substituir propriedades de texto valores são definidos pelo usuário.

<img src="boat.gif" alt="Big Boat">

Quando um navegador não pode carregar imagens, substituir atributos de texto dizer aos leitores que perdem informações. Neste caso, o navegador irá exibir o texto alternativo em vez de imagens. A imagem na página são combinados com a propriedade de texto de substituição é um bom hábito, o que contribui para uma melhor informação do mostrador, e para aqueles que usam o navegador de texto simples é muito útil.


HTML Imagens - Defina a altura da imagem e largura

altura (altura) e a largura (largura) propriedade para definir a largura e altura da imagem.

O valor do atributo padrão em pixels:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

Dica: Uma boa imagem da altura especificada e largura do hábito. Ele vai manter o tamanho especificado se a altura da imagem é especificado largura, quando a página é carregada. Se você não especificar o tamanho da imagem, é possível quando a página é carregada minaria o layout geral das páginas HTML.


precauções básicas - dicas úteis:

Nota: Se um arquivo HTML contém dez imagens, em seguida, a fim de exibir esta página corretamente, você precisa carregar 11 arquivos.imagem de carga leva tempo, então o nosso conselho é: imagem cautela.

Nota: Quando a página é carregada, para pagar a atenção para inserir caminho da imagem da página, se a posição da imagem não pode ser definido corretamente, o navegador não pode carregar a imagem, a marca de imagem irá exibir uma imagem quebrada.


Exemplos

mais exemplos

Arranjo imagens
Este exemplo demonstra como organizar as imagens no texto.

flutuantes Imagens
Este exemplo demonstra como fazer o flutuador imagem para o parágrafo à esquerda ou à direita.

Definir link da imagem
Este exemplo demonstra como usar a imagem como um link.

Criando um mapa de imagem
Este exemplo mostra como criar mapas de imagem com áreas clicáveis. Cada uma destas regiões é um hiperlink.


tag de imagem HTML

标签 描述
<img> 定义图像
<map> 定义图像地图
<area> 定义图像地图中的可点击区域