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.