Instruções
Crie uma página de compilação de vídeos
Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório.
Histórias de Usuário:
1. Você deve ter um elemento
main como o único filho do elemento body.
1. Você deve ter um elemento h1 com o tema da página.
1. Você deve ter um parágrafo introduzindo o tema da página abaixo do elemento h1.
1. Você deve ter três elementos section abaixo do seu primeiro parágrafo.
1. Cada seção deve conter um elemento h2, um parágrafo e um elemento iframe, nesta ordem.
1. Os três elementos iframe devem ter um atributo src definido para um vídeo válido.
1. Cada elemento iframe também deve ter um atributo title para descrever o conteúdo incorporado, além de um atributo height e um atributo width para definir o elemento em um tamanho adequado.
O que fazer:
Testes:
- Você deve ter um elemento `main` dentro do elemento `body`.
- O elemento `main` deve ser o único filho do elemento `body`.
- Você deve ter um elemento `h1` com o tema da página dentro do elemento `main`.
- Você deve ter um parágrafo introduzindo o tema da página abaixo do elemento `h1`.
- Você deve ter três elementos `section` abaixo do primeiro elemento `p`.
- Cada elemento `section` deve começar com um elemento `h2` que serve como o título dessa seção.
- Cada elemento `section` deve conter um elemento `p` para introduzir o conteúdo do vídeo como segundo filho.
- Cada elemento `section` deve conter um elemento `iframe` como terceiro filho.
- O primeiro elemento `iframe` deve ter um atributo `src` definido para um vídeo válido.
- O primeiro elemento `iframe` deve ter um atributo `title` para descrever o conteúdo incorporado.
- O primeiro elemento `iframe` deve ter um atributo `height`.
- O primeiro elemento `iframe` deve ter um atributo `width`.
- O segundo elemento `iframe` deve ter um atributo `src` definido para um vídeo válido.
- O segundo elemento `iframe` deve ter um atributo `title` para descrever o conteúdo incorporado.
- O segundo elemento `iframe` deve ter um atributo `height`.
- O segundo elemento `iframe` deve ter um atributo `width`.
- O terceiro elemento `iframe` deve ter um atributo `src` definido para um vídeo válido.
- O terceiro elemento `iframe` deve ter um atributo `title` para descrever o conteúdo incorporado.
- O terceiro elemento `iframe` deve ter um atributo `height`.
- O terceiro elemento `iframe` deve ter um atributo `width`.
Preview