SlideShare une entreprise Scribd logo
1  sur  8
Links Relativos 
(X)HTML 
Professor Jolvani 
Aula 16
Links Relativos - (X)HTML 
 Olá, nesta aula vamos aprender sobre Links 
Relativos. 
Na aula passada vimos como criar links externos. 
Nesta aula vamos criar links dentro de nossas 
próprias páginas. 
Vamos criar a nossa próxima aula.... Aula11.html 
O objetivo é criar um link para documentos 
internos... 
 Criando o link ....
Links Relativos - (X)HTML 
 Esse é o resultado do link, não aponta pra nada ainda 
 Se a página estivesse no servidor retornaria o erro 404 
 Página não encontrada.... 
 Criando o documento e criar botão voltar.... 
 Verificar endereço no computador: file:///C:/TEC.INFO/Material%20HTML/ 
Codigo/Aula11.html
Beneficios.html
Links Relativos - (X)HTML 
 Link Voltar... 
 Quando desenvolvemos sites criamos uma estrutura para melhor 
organizar as paginas então iremos criar um diretório para isso... E 
dentro colocar as paginas que tratam do assunto... Pasta beneficio.... 
 Se eu atualizar não iremos mais encontra as paginas .... Tanto benificio 
como Aula11... Teste... Após faz a mudança.... 
 E depois na página beneficio.html...
Links Relativos - (X)HTML 
 Então, muito cuidado para criar links aos documentos, e eles sempre 
serão feitos dessa forma.... 
 Denominado link relativo e não completo por exemplo 
c:pastaarquivo.html 
 Até a próxima aula, onde veremos links para a mesma página, onde 
podemos navegar entre as seções....
Atividade Site - (X)HTML 
Usar o conhecimento adquirido até aqui criar, 
individualmente ou em duplas, escolher um 
assunto “qualquer” e montar um site usando 
HTML 
Usem a criatividade. Será cobrado até a aula 
16. 
Data Entrega:26/09
Próxima Aula: Links Internos

Contenu connexe

En vedette

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
 
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 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingAula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingJolvani Morgan
 
Aula 32. menu só com css
Aula 32. menu só com cssAula 32. menu só com css
Aula 32. menu só com cssJolvani Morgan
 
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 19 e 20. estilização de links
Aula 19 e 20. estilização de linksAula 19 e 20. estilização de links
Aula 19 e 20. estilização de linksJolvani 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 14 elementos de bloco
Aula 14 elementos de blocoAula 14 elementos de bloco
Aula 14 elementos de blocoJolvani Morgan
 
Aula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativasAula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativasJolvani Morgan
 
Aula 34. bordas arredondadas e sombreamento
Aula 34. bordas arredondadas e sombreamentoAula 34. bordas arredondadas e sombreamento
Aula 34. bordas arredondadas e sombreamentoJolvani 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 17 links internos
Aula 17 links internosAula 17 links internos
Aula 17 links internosJolvani Morgan
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlTiago Luiz Ribeiro da Silva
 
Html+para+iniciantes
Html+para+iniciantesHtml+para+iniciantes
Html+para+iniciantesbradock1964
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um siteAna Santos
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1marioreis
 
Apostila html para-iniciantes
Apostila html para-iniciantesApostila html para-iniciantes
Apostila html para-iniciantesJeferson Souza
 

En vedette (20)

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
 
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
 
Tipos de sites
Tipos de sitesTipos de sites
Tipos de sites
 
Aula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingAula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encoding
 
Aula 32. menu só com css
Aula 32. menu só com cssAula 32. menu só com css
Aula 32. menu só com css
 
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 33. css sprite
Aula 33. css spriteAula 33. css sprite
Aula 33. css sprite
 
Aula 19 e 20. estilização de links
Aula 19 e 20. estilização de linksAula 19 e 20. estilização de links
Aula 19 e 20. estilização de links
 
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 14 elementos de bloco
Aula 14 elementos de blocoAula 14 elementos de bloco
Aula 14 elementos de bloco
 
Aula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativasAula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativas
 
Aula 34. bordas arredondadas e sombreamento
Aula 34. bordas arredondadas e sombreamentoAula 34. bordas arredondadas e sombreamento
Aula 34. bordas arredondadas e sombreamento
 
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 17 links internos
Aula 17 links internosAula 17 links internos
Aula 17 links internos
 
02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
Html+para+iniciantes
Html+para+iniciantesHtml+para+iniciantes
Html+para+iniciantes
 
Regras básicas na construção de um site
Regras básicas na construção de um siteRegras básicas na construção de um site
Regras básicas na construção de um site
 
Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1Introdução à Criação De Páginas Web Aula1
Introdução à Criação De Páginas Web Aula1
 
Apostila html para-iniciantes
Apostila html para-iniciantesApostila html para-iniciantes
Apostila html para-iniciantes
 

Plus de Jolvani 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 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 01 introdução css
Aula 01 introdução cssAula 01 introdução css
Aula 01 introdução cssJolvani 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 31 certificação
Aula 31 certificaçãoAula 31 certificação
Aula 31 certificaçãoJolvani 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 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 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 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
 

Plus de Jolvani Morgan (13)

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 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 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 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 31 certificação
Aula 31 certificaçãoAula 31 certificação
Aula 31 certificação
 
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 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 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 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 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
 

Links Relativos e Internos Aula HTML

  • 1. Links Relativos (X)HTML Professor Jolvani Aula 16
  • 2. Links Relativos - (X)HTML  Olá, nesta aula vamos aprender sobre Links Relativos. Na aula passada vimos como criar links externos. Nesta aula vamos criar links dentro de nossas próprias páginas. Vamos criar a nossa próxima aula.... Aula11.html O objetivo é criar um link para documentos internos...  Criando o link ....
  • 3. Links Relativos - (X)HTML  Esse é o resultado do link, não aponta pra nada ainda  Se a página estivesse no servidor retornaria o erro 404  Página não encontrada....  Criando o documento e criar botão voltar....  Verificar endereço no computador: file:///C:/TEC.INFO/Material%20HTML/ Codigo/Aula11.html
  • 5. Links Relativos - (X)HTML  Link Voltar...  Quando desenvolvemos sites criamos uma estrutura para melhor organizar as paginas então iremos criar um diretório para isso... E dentro colocar as paginas que tratam do assunto... Pasta beneficio....  Se eu atualizar não iremos mais encontra as paginas .... Tanto benificio como Aula11... Teste... Após faz a mudança....  E depois na página beneficio.html...
  • 6. Links Relativos - (X)HTML  Então, muito cuidado para criar links aos documentos, e eles sempre serão feitos dessa forma....  Denominado link relativo e não completo por exemplo c:pastaarquivo.html  Até a próxima aula, onde veremos links para a mesma página, onde podemos navegar entre as seções....
  • 7. Atividade Site - (X)HTML Usar o conhecimento adquirido até aqui criar, individualmente ou em duplas, escolher um assunto “qualquer” e montar um site usando HTML Usem a criatividade. Será cobrado até a aula 16. Data Entrega:26/09