freeCodeCamp/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-ca.../5ef9b03c81a63668521804ea.md

---
id: 5ef9b03c81a63668521804ea
title: Step 65
challengeType: 0
dashedName: step-65
---

# --description--

Nota che tutto ciò che hai aggiunto alla pagina finora è all'interno dell'elemento `body`. Tutti i contenuti che devono essere visualizzati nella pagina devono trovarsi all'interno dell'elemento `body`. Tuttavia, altre informazioni importanti vanno all'interno dell'elemento `head`.

Aggiungi un elemento `head` appena sopra l'elemento `body`.

# --hints--

Hai eliminato l'elemento `body` oppure manca un tag di apertura o di chiusura.

```js
assert(document.querySelector('body') && code.match(/<\/body>/));
```

L'elemento `head` dovrebbe avere un tag di apertura. I tag di apertura hanno la seguente sintassi: `<nomeElemento>`.

```js
assert(code.match(/\<head\>/));
```

L'elemento `head` dovrebbe avere un tag di chiusura. I tag di chiusura hanno un carattere `/` subito dopo il carattere `<`.

```js
assert(code.match(/\<\/head\>/));
```

L'elemento `head` dovrebbe essere al di sopra del tag di apertura dell'elemento `body`. Lo hai inserito nel posto sbagliato.

```js
const noSpaces = code.replace(/\s/g, '');
assert(noSpaces.match(/\<\/head\>\<body\>/));
```

# --seed--

## --seed-contents--

```html
<html>
--fcc-editable-region--
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
    <footer>
      <p>
        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
      </p>
    </footer>
  </body>
--fcc-editable-region--
</html>
```
chore(i18n,learn): processed translations (#45928) 2022-05-12 16:20:24 +00:00			`---`
			`id: 5ef9b03c81a63668521804ea`
chore(i18n,learn): processed translations (#47510) * chore(i18n,learn): processed translations * Update Ukrainian file to match state on crowdin Co-authored-by: Ilenia <nethleen@gmail.com> 2022-09-14 16:30:37 +00:00			`title: Step 65`
chore(i18n,learn): processed translations (#45928) 2022-05-12 16:20:24 +00:00			`challengeType: 0`
chore(i18n,learn): processed translations (#47510) * chore(i18n,learn): processed translations * Update Ukrainian file to match state on crowdin Co-authored-by: Ilenia <nethleen@gmail.com> 2022-09-14 16:30:37 +00:00			`dashedName: step-65`
chore(i18n,learn): processed translations (#45928) 2022-05-12 16:20:24 +00:00			`---`

			`# --description--`

			Nota che tutto ciò che hai aggiunto alla pagina finora è all'interno dell'elemento `body`. Tutti i contenuti che devono essere visualizzati nella pagina devono trovarsi all'interno dell'elemento `body`. Tuttavia, altre informazioni importanti vanno all'interno dell'elemento `head`.

			Aggiungi un elemento `head` appena sopra l'elemento `body`.

			`# --hints--`

			Hai eliminato l'elemento `body` oppure manca un tag di apertura o di chiusura.

			```js
			`assert(document.querySelector('body') && code.match(/<\/body>/));`
			```

			L'elemento `head` dovrebbe avere un tag di apertura. I tag di apertura hanno la seguente sintassi: `<nomeElemento>`.

			```js
			`assert(code.match(/\<head\>/));`
			```

			L'elemento `head` dovrebbe avere un tag di chiusura. I tag di chiusura hanno un carattere `/` subito dopo il carattere `<`.

			```js
			`assert(code.match(/\<\/head\>/));`
			```

			L'elemento `head` dovrebbe essere al di sopra del tag di apertura dell'elemento `body`. Lo hai inserito nel posto sbagliato.

			```js
			`const noSpaces = code.replace(/\s/g, '');`
			`assert(noSpaces.match(/\<\/head\>\<body\>/));`
			```

			`# --seed--`

			`## --seed-contents--`

			```html
			`<html>`
			`--fcc-editable-region--`
			`<body>`
revert(i18n,learn): processed translations (#47985) This reverts commit bd21f4b483c957b09785b05efa45ebc9b05886c3. 2022-10-11 18:26:51 +00:00			`<h1>CatPhotoApp</h1>`
chore(i18n,learn): processed translations (#45928) 2022-05-12 16:20:24 +00:00			`<main>`
			`<section>`
			`<h2>Cat Photos</h2>`
			`<!-- TODO: Add link to cat photos -->`
			`<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>`
			`<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>`
			`</section>`
			`<section>`
			`<h2>Cat Lists</h2>`
			`<h3>Things cats love:</h3>`
			`<ul>`
			`<li>cat nip</li>`
			`<li>laser pointers</li>`
			`<li>lasagna</li>`
			`</ul>`
			`<figure>`
			`<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">`
			`<figcaption>Cats <em>love</em> lasagna.</figcaption>`
			`</figure>`
			`<h3>Top 3 things cats hate:</h3>`
			`<ol>`
			`<li>flea treatment</li>`
			`<li>thunder</li>`
			`<li>other cats</li>`
			`</ol>`
			`<figure>`
			`<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">`
			`<figcaption>Cats <strong>hate</strong> other cats.</figcaption>`
			`</figure>`
			`</section>`
			`<section>`
			`<h2>Cat Form</h2>`
			`<form action="https://freecatphotoapp.com/submit-cat-photo">`
			`<fieldset>`
			`<legend>Is your cat an indoor or outdoor cat?</legend>`
			`<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>`
			`<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>`
			`</fieldset>`
			`<fieldset>`
			`<legend>What's your cat's personality?</legend>`
			`<input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>`
			`<input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>`
			`<input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>`
			`</fieldset>`
			`<input type="text" name="catphotourl" placeholder="cat photo URL" required>`
			`<button type="submit">Submit</button>`
			`</form>`
			`</section>`
			`</main>`
			`<footer>`
			`<p>`
			`No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>`
			`</p>`
			`</footer>`
			`</body>`
			`--fcc-editable-region--`
			`</html>`
			```