--- id: 587d78aa367417b2b2512aec title: Define the Head and Body of an HTML Document challengeType: 0 videoUrl: '' localeTitle: Definir a cabeça e o corpo de um documento HTML --- ## Description
Você pode adicionar outro nível de organização em seu documento HTML dentro das tags html com os elementos head e body . Qualquer marcação com informações sobre sua página entraria na tag head . Então, qualquer marcação com o conteúdo da página (o que é exibido para um usuário) entraria na tag body . Elementos de metadados, como link , meta , title e style , normalmente entram no elemento head . Aqui está um exemplo de layout de uma página:
<! DOCTYPE html>
<html>
<cabeça>
<! - elementos de metadados ->
</ head>
<body>
<! - conteúdo da página ->
</ body>
</ html>
## Instructions
Edite a marcação para que haja uma head e um body . O elemento head deve incluir apenas o title , e o elemento body deve incluir apenas o h1 e o p .
## Tests
```yml tests: - text: Deve haver apenas um elemento head na página. testString: 'assert($("head").length == 1, "There should be only one head element on the page.");' - text: Deve haver apenas um elemento de body na página. testString: 'assert($("body").length == 1, "There should be only one body element on the page.");' - text: O elemento head deve ser um filho do elemento html . testString: 'assert($("html").children("head").length == 1, "The head element should be a child of the html element.");' - text: O elemento body deve ser filho do elemento html . testString: 'assert($("html").children("body").length == 1, "The body element should be a child of the html element.");' - text: O elemento head deve envolver o elemento title . testString: 'assert(code.match(/\s*?\s*?.*?\s*?<\/title>\s*?<\/head>/gi), "The <code>head</code> element should wrap around the <code>title</code> element.");' - text: O elemento do <code>body</code> deve envolver os elementos <code>h1</code> e <code>p</code> . testString: 'assert($("body").children("h1").length == 1 && $("body").children("p").length == 1, "The <code>body</code> element should wrap around both the <code>h1</code> and <code>p</code> elements.");' ``` </section> ## Challenge Seed <section id='challengeSeed'> <div id='html-seed'> ```html <!DOCTYPE html> <html> <title>The best page ever

The best page ever

Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

```
## Solution
```js // solution required ```