Passo 5

Instruções

Dentro de cada um dos elementos li, você precisará ter um elemento âncora. Para o primeiro elemento anchor, o texto deve ser About e o valor do atributo href deve ser "#about". O símbolo de hash na frente de about representa um nome id, que será adicionado mais tarde no projeto. Para o segundo elemento âncora, o texto deve ser Posts e o valor do atributo href deve ser "#posts". Para o terceiro elemento âncora, o texto deve ser Contact e o valor do atributo href deve ser "#contact".

O que fazer:

Testes:

O primeiro elemento de âncora deve ter o texto `About` dentro do primeiro elemento `li`.
O primeiro elemento de âncora deve ter um atributo `href` com o valor de `"#about"`.
O segundo elemento de âncora deve ter o texto `Posts` dentro do segundo elemento `li`.
O segundo elemento de âncora deve ter um atributo `href` com o valor de `"#posts"`.
O terceiro elemento de âncora deve ter o texto `Contact` dentro do terceiro elemento `li`.
O terceiro elemento de âncora deve ter um atributo `href` com o valor de `"#contact"`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Mr. Whiskers' Blog</title>
    <meta charset="UTF-8" />
  </head>
  <body>
    <header>
      <h1>Welcome to Mr. Whiskers' Blog Page!</h1>
      <figure>
        <img
          src="https://cdn.G.E.A.R ACADEMY.org/curriculum/css-photo-gallery/1.jpg"
          alt="a cat in the garden"
        />
        <figcaption>Mr. Whiskers in the Garden</figcaption>
      </figure>
      <nav>
        <ul>

          <li></li>
          <li></li>
          <li></li>

        </ul>
      </nav>
    </header>
  </body>
</html>

Preview