1. Com a tag <a> também é possível criar âncoras, ou links, para dentro da própria página onde o usuário está.
  2. Para isso precisamos de duas coisas:
  3. Criar um atributo “id” no elemento de destinoUtilizar o símbolo # seguido do “id” de destino no atributo “href”
  4. Criar um atributo “id” no elemento de destino
  5. Utilizar o símbolo # seguido do “id” de destino no atributo “href” 
<html>

<head>
    <title>Trabalhando com Links</title>
</head>

<body>
    <h1>Trabalhando com Links</h1>

    <div>
        <p>Navegue entre os arquivos das aulas:</p>
        <a href="/">Primeira Página</a> |
        <a href="/formatacao/index.html">Aula: elementos de formatação</a> |
        <a href="/titulos/index.html">Aula: títulos e parágrafos</a> |
        <a href="/imagens/index.html">Aula: Imagens</a> |
        <a href="/grecia">Artigo: Grécia antiga</a>
    </div>

		<div>
        <p>Navegue entre as seções dessa página:</p>
        <a href="#titulo-1">Título 1</a> |
        <a href="#titulo-2">Título 2</a> |
        <a href="#titulo-3">Título 3</a> |
        <a href="#titulo-4">Título 4</a> |
        <a href="#titulo-5">Título 5</a>
    </div>

    <h2 id="titulo-1">Título 1</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-2">Título 2</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-3">Título 3</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-4">Título 4</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-5">Título 5</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-6">Título 6</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>

    <h2 id="titulo-7">Título 7</h2>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum necessitatibus fugit rerum at rem. Nisi, debitis ad suscipit a dignissimos sed repellendus commodi reprehenderit excepturi, eos praesentium perspiciatis ipsa repellat?</p>
</body>
</html>