Ir a uma Determinada Parte da Página

Olá gente! Hoje vou estar ensinando a vocês como fazer com que o visitante vá a uma determinada parte da sua página. É muito fácil. Vou usar como exemplo, o "Índice" que fiz pro tutorial de Como Encodar.

Primeiro, adicione o seguinte atributo:


Onde está em VERMELHO, colocamos um nome qualquer (no meu caso, cap1). Quando adicionarmos no final da url da página o trecho "#cap1" (sem aspas), ele vai levar para o lugar de destino (o texto ou imagem que ficará no lugar onde está AZUL).

Onde está em AZUL, coloque o texto ou imagem de destino. Quando você inserir o atributo desse jeito, você vai estar fazendo uma referência ao trecho de onde está em AZUL. Já o que está em VERMELHO, é a url que vai te levar até a referência. Se depois de eu explicar duas vezes com palavras diferentes, você não entendeu então você é burro vou dar um exemplo. No meu caso, a referência (AZUL) é "Capítulo 001 - Introdução" e o VERMELHO é "cap1". Então se eu adicionar ao final da url da página o trecho #cap1, eu serei levado até o trecho de referência (Capítulo 001 - Introdução).

Então, basicamente, você só precisa criar a referência (usando esse atributo, mas trocando a parte VERMELHA e a AZUL) e linkar para ela. Por exemplo, no índice, onde tinha a palavra "Capítulo 001", eu simplesmente usei um atributo a href e coloquei para ele linkar para #cap1.