Instruções
Passo 6
No passo anterior, você colocou os elementos
h1 e h2, o comentário e os elementos p dentro do elemento main. Isto é chamado de *nesting*. Elementos aninhados devem ser colocados dois espaços mais à direita do elemento em qual estão aninhados. Este espaçamento é chamado de indentação e é usado para facilitar a leitura do HTML.
Aqui está um exemplo de aninhamento e indentação:
<main>
<h1>Most important content of the document</h1>
<p>Some more important content...</p>
</main>
Os elementos h1 e h2, assim como o comentário, estão indentados dois espaços adiante do elemento main no código abaixo. Use a barra de espaço no seu teclado para adicionar mais dois espaços na frente do elemento p para que ele também seja indentado corretamente.
O que fazer:
Testes:
- O código deve ter um elemento `h2` com o texto `Cat Photos`. Você pode ter excluído acidentalmente esse elemento, está faltando as tags de abertura e fechamento dele ou o texto foi alterado.
- Você não deve adicionar os elementos `ul` ou `li` do exemplo.
- Você não deve alterar o recuo na linha com o elemento `h2`. A tag de abertura deve começar 6 espaços após o início da linha. Você pode reiniciar o passo para restaurar o recuo original.
- O código deve ter um comentário. Você excluiu o comentário de um passo anterior.
- O texto do comentário deve ser `TODO: Add link to cat photos`. Não altere o texto nem o espaçamento do comentário.
- Você não deve alterar o recuo na linha que tem o elemento de comentário. A tag de abertura deve começar 6 espaços após o início da linha. Você pode reiniciar o passo para restaurar o recuo original.
- O código deve ter um elemento `p`. Você removeu o elemento `p` de um passo anterior.
- O texto do elemento `p` deve ser `Everyone loves cute cats online!` Não altere o texto, espaçamento ou pontuação do elemento `p`.
- A tag de abertura `p` deve ter recuo que corresponde ao seu `h2` e aos elementos de comentários. A tag de abertura deve começar 6 espaços após o início da linha.
Preview