1. Links Internos
(X)HTML
Professor Jolvani
Aula 17

2. Links Internos - (X)HTML
Bem vindos a aula de links internos de xHTML.
 Nas aulas anteriores vimos como criar links
externos, para outras páginas, para documentos
dentro do nosso site
 Agora vamos aprender a fazer referências
internas dentro do mesmo documento
Vamos criar a nossa aula.... Aula12.html

3. Links Internos - (X)HTML
 Vamos editar nosso arquivo beneficio.html e alterar o link para
aula12.html...
 Adicionamos um texto em nossa página beneficio.html ....
 Identamos o texto, e vamos criar uma lista nele. As listas são usadas
inclusive em menus para navegação no site.

4. Links Internos - (X)HTML
 Fazendo as marcações.... <h1> para o titulo principal, <h2> para títulos
secundários, subtítulos, <p> para parágrafos... Ficando assim....
 Quando eu clicar na lista saúde venha para cá...
 Quando clicar em alimentação pra cá e assim por
diante
 Usamos a tag ancora <a>
 Então marcamos nossas referências no documento.
 Usando o atributo “id”
 Exemplo id=topo representa o inicio do documento
 Xhtml padrão “id” # Antes usava-se atributo “name”

5. Links Internos - (X)HTML
 Criando um link para o inicio do documento...
 Testando..
 Agora criamos ancoras e links para os outros
componentes da lista...

6. Links Internos - (X)HTML
 Como faço para de um documento externo (aula12) colocar uma
marcação na lista comunicação interna (criar lista) e linkar para o
documento beneficio.html, onde está a descrição disso....
 Eu preciso fazer um link para beneficio.html e
apontar para a área onde esta a descrição
comunicação interna...
 Teste sua página...
 Dessa forma vc pode criar links para seus
documentos.

7. Próxima Aula: Links Email, call, chats