--- id: 6140c7e645d8e905819f1dd4 title: Step 1 challengeType: 0 dashedName: step-1 --- # --description-- Inizia con il testo HTML standard. Aggiungi la dichiarazione `DOCTYPE`, l'elemento `html`, l'elemento `head` e l'elemento `body`. Aggiungi l'elemento `meta` per il `charset` corretto, l'elemento `title` e un elemento `link` per il file `./styles.css`. Dai all'elemento `title` il testo `Ferris Wheel`. # --hints-- Il codice dovrebbe contenere il riferimento `DOCTYPE`. ```js assert(code.match(/`. ```js assert(code.match(//gi)); ``` L'elemento `html` dovrebbe avere un tag di apertura. ```js assert(code.match(//gi)); ``` L'elemento `html` dovrebbe avere un tag di chiusura. ```js assert(code.match(/<\/html\s*>/)); ``` La dichiarazione `DOCTYPE` dovrebbe essere all'inizio dell'HTML. ```js assert(__helpers.removeHtmlComments(code).match(/^\s*/i)); ``` Dovresti avere un tag `head` di apertura. ```js assert(code.match(//i)); ``` Dovresti avere un tag `head` di chiusura. ```js assert(code.match(/<\/head\s*>/i)); ``` Dovresti avere un tag `body` di apertura. ```js assert(code.match(//i)); ``` Dovresti avere un tag `body` di chiusura. ```js assert(code.match(/<\/body\s*>/i)); ``` Gli elementi `head` e `body` dovrebbero essere fratelli. ```js assert(document.querySelector('head')?.nextElementSibling?.localName === 'body'); ``` L'elemento `head` dovrebbe essere dentro l'elemento `html`. ```js assert([...document.querySelector('html')?.children].some(x => x?.localName === 'head')); ``` L'elemento `body` dovrebbe essere dentro l''elemento `html`. ```js assert([...document.querySelector('html')?.children].some(x => x?.localName === 'body')); ``` Il codice dovrebbe avere un elemento `meta`. ```js const meta = document.querySelector('meta'); assert.exists(meta); ``` L'elemento `meta` dovrebbe avere un attributo `charset` con il valore `UTF-8`. ```js assert.match(code, //i)); ``` L'elemento `link` dovrebbe essere all'interno dell'elemento `head`. ```js assert(code.match(/[\w\W\s]*[\w\W\s]*<\/head>/i)) ``` L'elemento `link` dovrebbe avere un attributo `rel` con il valore `stylesheet`. ```js assert.match(code, /