SlideShare una empresa de Scribd logo
1 de 5
Links Introdução 
(X)HTML 
Professor Jolvani 
Aula 15
Links - (X)HTML 
 Olá, nesta aula vamos aprender sobre Links. 
 Vamos criar nossa décima aula.... Aula10.html (Ver links na web – google) 
 Links, geralmente, fazem referência a outras páginas e usamos a tag <a> ... 
 Os links são elementos inline 
 A tag <a> necessita de um atributo obrigatório o “href” que é o endereço que 
vai ser acessado quando vc clicar no link.... 
 Por enquanto não faz nada.... 
 Link criado 
 Quando clicado... Link Já visitado e Não visitado ainda
Links - (X)HTML 
 Observe que quando clicamos abrimos a pagina em cima daquela que 
estávamos construindo... 
 Como abrimos esse site em outra janela ou aba, usamos o atributo “target” 
 Target = “_blank” – abre em nova janela 
 _self – na mesma página; 
 Dependendo do browser o comportamento pode ser diferente... 
 Posso colocar links em texto, imagens... Colocando na imagem... 
 Borda após acessar o link....
Links - (X)HTML 
 Elemento com bloco maior é colocado uma borda, para tirar ela, temos que 
definir no atributo style .... border 0px 
 Esse é o atributo que define as bordas nos elementos boxs... Coloque title na 
imagem... 
 Alguns navegadores colocam a borda....
Próxima Aula: Links Relativos

Más contenido relacionado

Destacado

Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan
 
Aula 28,29,30 e 31. layout (tableless)
Aula 28,29,30 e 31. layout (tableless)Aula 28,29,30 e 31. layout (tableless)
Aula 28,29,30 e 31. layout (tableless)Jolvani Morgan
 
Aula 12 e 13 listas parte1 parte2
Aula 12 e 13 listas parte1 parte2Aula 12 e 13 listas parte1 parte2
Aula 12 e 13 listas parte1 parte2Jolvani Morgan
 
Aula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingAula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingJolvani Morgan
 
Aula 17 links internos
Aula 17 links internosAula 17 links internos
Aula 17 links internosJolvani Morgan
 
Aula 23 e 24 formulário controles
Aula 23 e 24 formulário controlesAula 23 e 24 formulário controles
Aula 23 e 24 formulário controlesJolvani Morgan
 
Aula 21 e 22 tabelas introdução th head foot
Aula 21 e 22 tabelas introdução   th head footAula 21 e 22 tabelas introdução   th head foot
Aula 21 e 22 tabelas introdução th head footJolvani Morgan
 
Aula 09 10 e 11 imagens e edição de imagens
Aula 09 10 e 11 imagens e edição de imagensAula 09 10 e 11 imagens e edição de imagens
Aula 09 10 e 11 imagens e edição de imagensJolvani Morgan
 
Aula 09. efeito cascata e herança
Aula 09. efeito cascata e herançaAula 09. efeito cascata e herança
Aula 09. efeito cascata e herançaJolvani Morgan
 
Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02Jolvani Morgan
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresJolvani Morgan
 
Aula 31 certificação
Aula 31 certificaçãoAula 31 certificação
Aula 31 certificaçãoJolvani Morgan
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresJolvani Morgan
 
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02Jolvani Morgan
 
Aula 25 e 26 formulário acessibilidade
Aula 25 e 26 formulário acessibilidadeAula 25 e 26 formulário acessibilidade
Aula 25 e 26 formulário acessibilidadeJolvani Morgan
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Jolvani Morgan
 
Aula 10 e 11. box model
Aula 10 e 11. box modelAula 10 e 11. box model
Aula 10 e 11. box modelJolvani Morgan
 
Aula 04 e 05. seletores simples
Aula 04 e 05. seletores simplesAula 04 e 05. seletores simples
Aula 04 e 05. seletores simplesJolvani Morgan
 
Aula 24,25,26 e 27. posicionamento
Aula 24,25,26 e 27. posicionamentoAula 24,25,26 e 27. posicionamento
Aula 24,25,26 e 27. posicionamentoJolvani Morgan
 

Destacado (20)

Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externo
 
Aula 28,29,30 e 31. layout (tableless)
Aula 28,29,30 e 31. layout (tableless)Aula 28,29,30 e 31. layout (tableless)
Aula 28,29,30 e 31. layout (tableless)
 
Aula 12 e 13 listas parte1 parte2
Aula 12 e 13 listas parte1 parte2Aula 12 e 13 listas parte1 parte2
Aula 12 e 13 listas parte1 parte2
 
Aula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingAula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encoding
 
Aula 17 links internos
Aula 17 links internosAula 17 links internos
Aula 17 links internos
 
Aula 23 e 24 formulário controles
Aula 23 e 24 formulário controlesAula 23 e 24 formulário controles
Aula 23 e 24 formulário controles
 
Aula 08 cores
Aula 08 coresAula 08 cores
Aula 08 cores
 
Aula 21 e 22 tabelas introdução th head foot
Aula 21 e 22 tabelas introdução   th head footAula 21 e 22 tabelas introdução   th head foot
Aula 21 e 22 tabelas introdução th head foot
 
Aula 09 10 e 11 imagens e edição de imagens
Aula 09 10 e 11 imagens e edição de imagensAula 09 10 e 11 imagens e edição de imagens
Aula 09 10 e 11 imagens e edição de imagens
 
Aula 09. efeito cascata e herança
Aula 09. efeito cascata e herançaAula 09. efeito cascata e herança
Aula 09. efeito cascata e herança
 
Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletores
 
Aula 31 certificação
Aula 31 certificaçãoAula 31 certificação
Aula 31 certificação
 
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresAula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletores
 
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02
 
Aula 25 e 26 formulário acessibilidade
Aula 25 e 26 formulário acessibilidadeAula 25 e 26 formulário acessibilidade
Aula 25 e 26 formulário acessibilidade
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02
 
Aula 10 e 11. box model
Aula 10 e 11. box modelAula 10 e 11. box model
Aula 10 e 11. box model
 
Aula 04 e 05. seletores simples
Aula 04 e 05. seletores simplesAula 04 e 05. seletores simples
Aula 04 e 05. seletores simples
 
Aula 24,25,26 e 27. posicionamento
Aula 24,25,26 e 27. posicionamentoAula 24,25,26 e 27. posicionamento
Aula 24,25,26 e 27. posicionamento
 

Más de Jolvani Morgan

Aula 22 e 23. menu drop down com j query
Aula 22 e 23. menu drop down com j queryAula 22 e 23. menu drop down com j query
Aula 22 e 23. menu drop down com j queryJolvani Morgan
 
Aula 21. estilização de listas
Aula 21. estilização de listasAula 21. estilização de listas
Aula 21. estilização de listasJolvani Morgan
 
Aula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhosAula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhosJolvani Morgan
 
Aula 16 e 17. background
Aula 16 e 17. backgroundAula 16 e 17. background
Aula 16 e 17. backgroundJolvani Morgan
 
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)Jolvani Morgan
 
Aula 01 introdução css
Aula 01 introdução cssAula 01 introdução css
Aula 01 introdução cssJolvani Morgan
 
Aula 28,29 e 30 w3 c, versões, html5
Aula 28,29 e 30   w3 c, versões, html5Aula 28,29 e 30   w3 c, versões, html5
Aula 28,29 e 30 w3 c, versões, html5Jolvani Morgan
 
Aula 19 imagens mapeadas
Aula 19 imagens mapeadasAula 19 imagens mapeadas
Aula 19 imagens mapeadasJolvani Morgan
 
Aula 18 links email, call, chat
Aula 18 links email, call, chatAula 18 links email, call, chat
Aula 18 links email, call, chatJolvani Morgan
 

Más de Jolvani Morgan (11)

Aula 22 e 23. menu drop down com j query
Aula 22 e 23. menu drop down com j queryAula 22 e 23. menu drop down com j query
Aula 22 e 23. menu drop down com j query
 
Aula 21. estilização de listas
Aula 21. estilização de listasAula 21. estilização de listas
Aula 21. estilização de listas
 
Aula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhosAula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhos
 
Aula 16 e 17. background
Aula 16 e 17. backgroundAula 16 e 17. background
Aula 16 e 17. background
 
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
 
Aula 02 sintaxe css
Aula 02 sintaxe cssAula 02 sintaxe css
Aula 02 sintaxe css
 
Aula 01 introdução css
Aula 01 introdução cssAula 01 introdução css
Aula 01 introdução css
 
Aula 28,29 e 30 w3 c, versões, html5
Aula 28,29 e 30   w3 c, versões, html5Aula 28,29 e 30   w3 c, versões, html5
Aula 28,29 e 30 w3 c, versões, html5
 
Aula 20 div e spans
Aula 20 div e spansAula 20 div e spans
Aula 20 div e spans
 
Aula 19 imagens mapeadas
Aula 19 imagens mapeadasAula 19 imagens mapeadas
Aula 19 imagens mapeadas
 
Aula 18 links email, call, chat
Aula 18 links email, call, chatAula 18 links email, call, chat
Aula 18 links email, call, chat
 

Aula 15 links introdução

  • 1. Links Introdução (X)HTML Professor Jolvani Aula 15
  • 2. Links - (X)HTML  Olá, nesta aula vamos aprender sobre Links.  Vamos criar nossa décima aula.... Aula10.html (Ver links na web – google)  Links, geralmente, fazem referência a outras páginas e usamos a tag <a> ...  Os links são elementos inline  A tag <a> necessita de um atributo obrigatório o “href” que é o endereço que vai ser acessado quando vc clicar no link....  Por enquanto não faz nada....  Link criado  Quando clicado... Link Já visitado e Não visitado ainda
  • 3. Links - (X)HTML  Observe que quando clicamos abrimos a pagina em cima daquela que estávamos construindo...  Como abrimos esse site em outra janela ou aba, usamos o atributo “target”  Target = “_blank” – abre em nova janela  _self – na mesma página;  Dependendo do browser o comportamento pode ser diferente...  Posso colocar links em texto, imagens... Colocando na imagem...  Borda após acessar o link....
  • 4. Links - (X)HTML  Elemento com bloco maior é colocado uma borda, para tirar ela, temos que definir no atributo style .... border 0px  Esse é o atributo que define as bordas nos elementos boxs... Coloque title na imagem...  Alguns navegadores colocam a borda....