--- id: 613e2546d0594208229ada50 title: Step 7 challengeType: 0 dashedName: step-7 --- # --description-- All'interno dell'elemento `header`, dai contesto alla pagina annidando degli elementi `img`, `h1` e `nav`. L'elemento `img` dovrebbe puntare al link `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg` e avere un `id` con il valore `logo`. L'elemento `h1` dovrebbe contenere il testo `HTML/CSS Quiz`. # --hints-- Dovresti aggiungere un elemento `img` all'elemento `header`. ```js assert.exists(document.querySelector('header > img')); ``` Dovresti aggiungere un elemento `h1` all'elemento `header`. ```js assert.exists(document.querySelector('header > h1')); ``` Dovresti aggiungere un elemento `nav` all'elemento `header`. ```js assert.exists(document.querySelector('header > nav')); ``` Dovresti posizionare gli elementi `img`, `h1` e `nav` in questo ordine. ```js assert.exists(document.querySelector('img + h1 + nav')); ``` Dovresti dare all'elemento `img` un attributo `src` con il valore `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg`. ```js assert.equal(document.querySelector('img')?.src, 'https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg'); ``` Dovresti dare all'elemento `img` un attributo `id` con il valore `logo`. ```js assert.equal(document.querySelector('img')?.id, 'logo'); ``` Dovresti dare all'elemento `h1` il testo `HTML/CSS Quiz`. ```js assert.include(document.querySelector('h1')?.innerText?.toLowerCase(), 'html/css quiz'); ``` # --seed-- ## --seed-contents-- ```html Accessibility Quiz --fcc-editable-region--
--fcc-editable-region--
``` ```css body { background: #f5f6f7; color: #1b1b32; font-family: Helvetica; margin: 0; } ```