id	title	challengeType	dashedName
612e6afc009b450a437940a1	Paso 1	0	step-1

--description--

Empieza con la estructura básica de HTML. Agrega una declaracion DOCTYPE y los elementos html, head, body y title.

Establezca el idioma de esta página a inglés. Establece el title a Piano.

--hints--

Tu código debe contener la referencia DOCTYPE.

assert(code.match(/<!DOCTYPE/gi));

Debes incluir un espacio después de la referencia DOCTYPE.

assert(code.match(/<!DOCTYPE\s+/gi));

Debes definir que el tipo de documento sea html.

assert(code.match(/<!DOCTYPE\s+html/gi));

Debes cerrar la declaración DOCTYPE con un > después del tipo.

assert(code.match(/<!DOCTYPE\s+html\s*>/gi));

Tu elemento html debe tener una etiqueta de apertura con un atributo lang con el valor en.

assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));

Tu elemento html debe tener una etiqueta de cierre.

assert(code.match(/<\/html\s*>/));

Tu declaración DOCTYPE debe estar al principio de tu HTML.

assert(__helpers.removeHtmlComments(code).match(/^\s*<!DOCTYPE\s+html\s*>/i));

Debes tener una etiqueta head de apertura.

assert(code.match(/<head\s*>/i));

Debes tener una etiqueta head de cierre.

assert(code.match(/<\/head\s*>/i));

Debes tener una etiqueta body de apertura.

assert(code.match(/<body\s*>/i));

Debes tener una etiqueta body de cierre.

assert(code.match(/<\/body\s*>/i));

Los elementos head y body deben ser hermanos.

assert(document.querySelector('head')?.nextElementSibling?.localName === 'body');

El elemento head debe estar dentro del elemento html.

assert([...document.querySelector('html')?.children].some(x => x?.localName === 'head'));

El elemento body debe estar dentro del elemento html.

assert([...document.querySelector('html')?.children].some(x => x?.localName === 'body'));

Tu código debe tener un elemento title.

const title = document.querySelector('title');
assert.exists(title);

Tu proyecto debe tener el título Piano.

const title = document.querySelector('title');
assert.equal(title?.text?.trim()?.toLowerCase(), 'piano')

Recuerda que las mayúsculas, minúsculas y la ortografía son importantes para el título.

const title = document.querySelector('title');
assert.equal(title?.text?.trim(), 'Piano');

--fcc-editable-region--

--fcc-editable-region--