Imagens 4 Para incluir uma imagem usamos a tag Formato: <img src= URL da imagem alt =comentário border=0align=left hspace=n> Ex1. Ex2. Ex3. 4 Para transformar.

Apresentação em tema: "Imagens 4 Para incluir uma imagem usamos a tag Formato: <img src= URL da imagem alt =comentário border=0align=left hspace=n> Ex1. Ex2. Ex3. 4 Para transformar."— Transcrição da apresentação:

1 Imagens 4 Para incluir uma imagem usamos a tag Formato: <img src= URL da imagem alt =comentário border=0align=left hspace=n> Ex1. Ex2. Ex3. 4 Para transformar uma imagem em link basta incluí-la dentro de. Volta ao Início Obs : Acrescentando-se border=0 retira-se a borda da imagem

2 Usando imagem como marcadores Introdução Conceitos Dicas Obs : inicia uma lista de definição define um item de dado de uma lista de definição finaliza uma lista de definição

3 Tabelas Para criar uma tabela usamos as tags: 4 e para iniciar e finalizar a tabela. 4 e para definir o início e o fim de linha 4 e para definir células numa linha 4 para definir células de cabeçalho Exemplo1: café chá leite suco água creme

4 Exercício 4 Criar dentro de sua página pessoal (usando tabela e imagens) os seguintes links : IBPINET http://www.ibpinet.com.br UNIRIO http://www.uniriotec.br ASIT http://ibpinetsp.com.br/asit/ IADP http://ibpinetsp.com.br/iadp/

5 Imagem Mapeadas 582,117 678,204

6 Imagens Mapeadas <img src=figura.gifusemap=#nome do mapa alt=imagem mapeada> Para incluir um mapeamento <area shape=polycoords=x1,y1,x2,y2...xn,yn href=pag1.html> <area shape=rectcoords=x1,y1,x2,y2 href=pag3.html>

7 Imagem Mapeada Obs : Pode-se utilizar um programa para gerar o mapa de imagem. Ex.: MapEdit http://www.boutell.com/mapedit

8 Quadros (Frames) frame Lateral Barra.html frame Principal Corpo.html

9 Quadros (Frames) 4 A utilização de frames permite a apresentação simultânea de mais de uma página HTML. Home Obs1: O atributo cols=150,* do elemento cria uma estrutura de 2 colunas, a primeira com 150 pixels e a segunda de tamanho variável cobrindo o restante da área. Obs2 : O elemento informa o conteúdo de cada frame.

10 barra Obs : O comando <base target=nome do frame indica que os links serão executados dentro da frame principal. Barra.html