Links Internos(X)HTML

Professor Jolvani

Aula 17

Links Internos - (X)HTMLBem 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

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.

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”

Links Internos - (X)HTML Criando um link para o inicio do documento... Testando..

Agora criamos ancoras e links para os outros componentes da lista...

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.

Próxima Aula: Links Email, call, chats