BUSCA

Links Patrocinados



Buscar por Título
   A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z


Html Básico - Imagens
()

Publicidade
A TAG <IMG> E O ATRIBUTO SRC Em HTML, imagens são definidas pela tag <img>. A tag <img> é um elemento vazio, ou seja, ela possui apenas atributos e não possui tag de encerramento. Para mostrar uma imagem em uma página, deve-se utilizar o atributo "src". Src abrevia a palavra source (recurso). O valor do atributo src é o URL (endereço) da imagem que se deseja exibir. Sintaxe para definir uma imagem: <img src="url" alt="qualquer_texto"/>. O endereço (url) aponta direto para o local onde a imagem está armazenada. Uma imagem com o nome "boat.gif", localizada na pasta "imagens" no diretório do site "www.w3schools.com", possuirá a seguinte URL: http://www.w3schools.com/images/boat.gif. O browser (navegador) irá mostrar a imagem onde a tag <img> ocorrer no documento HTML. Se colocar-se uma tag de imagem entre dois parágrafos, o browser (navegador) mostrará o primeiro parágrafo, em seguida a imagem, e depois o segundo parágrafo. _______________________________________________________________________________ O ATRIBUTO ALT O atributo ALT define um texto alternativo à imagem, para ocasiões em que ocorrem erros onde a imagem não pode ser carregada e exibida. O valor do atributo alt é definido pelo autor da página web. <img src="boat.gif" alt="Big Boat" /> O atributo alt fornece um texto alternativo para os casos em que o usuário não consiga carregar a página por alguma razão (conexão lenta, um erro no endereço no atributo src, quando o usuário opta por exibir somente o texto da página, etc.) _______________________________________________________________________________ NOTAS BÁSICAS - DICAS IMPORTANTES NOTA: Se um arquivo HTML contém dez imagens, onze arquivos são necessários para exibir a página de forma correta. Carregar imagens na tela pela internet leva tempo, portanto utilize-as cuidadosamente. NOTA: Quando uma página foi carregada, é o browser (navegador), naquele momento, que trouxe a imagem de um servidor web e a inseriu na página. Mantenha o endereço (url) da imagem sempre atualizado. Se você mudar a imagem de lugar no servidor e não atualizar o endereço no atributo src, o navegador vai exibir um link quebrado no lugar da imagem, indicando que ele não encontrou a imagem para ser exibida na página web. _______________________________________________________________________________ EXEMPLOS Tente você mesmo:  http://www.w3schools.com/html/tryit.asp?filename=tryhtml_pulpitimage Inserindo imagens: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images (Como inserir imagens em um documento HTML). Inserindo imagens de locais diferentes: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_images2 (Como inserir imagens de pastas e servidores remotos). Alinhando imagens: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align Fazendo a imagem flutuar: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align (Como fazer a imagem flutuar para a direita ou para a esquerda do texto). Fazendo um link na imagem: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink Fazendo um mapa com áreas clicáveis: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_areamap



Resumos Relacionados


- Html Básico Links

- Html Básico - Tabelas

- Html Básico Formatação

- Html Básico - Listas

- Html Básico Estilo



Passei.com.br | Biografias

FACEBOOK


PUBLICIDADE




encyclopedia