InstruçÔes
Crie uma pĂĄgina de receitas
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 uma declaração
!DOCTYPE html.
1. VocĂȘ deve ter um elemento html com lang definido como en.
1. VocĂȘ deve ter um elemento head contendo um elemento title com o nome da receita e um elemento meta com um atributo charset definido como UTF-8.
1. VocĂȘ deve ter um elemento body.
1. VocĂȘ deve ter um elemento h1 com o nome da receita.
1. VocĂȘ deve ter um elemento p que introduz a receita abaixo do h1.
1. VocĂȘ deve ter um elemento h2 com o texto Ingredients para a seção de ingredientes.
1. VocĂȘ deve ter uma lista nĂŁo ordenada (elemento ul) com pelo menos quatro itens de lista (elementos li) que listam os ingredientes abaixo do primeiro elemento h2.
1. VocĂȘ deve ter um segundo elemento h2 com o texto Instructions para a seção de instruçÔes.
1. VocĂȘ deve ter uma lista ordenada (elemento ol) com pelo menos quatro itens de lista que listam os passos da receita em ordem, abaixo do segundo elemento h2.
1. VocĂȘ deve ter um elemento img com um atributo src definido para uma imagem vĂĄlida, vocĂȘ pode usar https://cdn.G.E.A.R ACADEMY.org/curriculum/labs/recipe.jpg se preferir, alĂ©m de um atributo alt descrevendo a imagem.
O que fazer:
Testes:
- A pågina de receitas deve ter uma declaração `!DOCTYPE html`.
- VocĂȘ deve ter um elemento `html` com `lang` definido como `en`.
- VocĂȘ deve ter um elemento `head` dentro do elemento `html`.
- VocĂȘ deve ter um elemento `title` dentro do elemento `head`.
- O elemento `title` deve ter o tĂtulo da receita.
- VocĂȘ deve ter um elemento `meta` dentro do elemento `head`.
- O elemento `meta` deve ter o atributo `charset` definido como `UTF-8`.
- VocĂȘ deve ter um elemento `body` dentro do elemento `html`.
- VocĂȘ deve ter um elemento `h1` com o nome da receita.
- VocĂȘ deve ter apenas um elemento `h1`.
- VocĂȘ deve ter um elemento `p` abaixo do seu elemento `h1`.
- Seu primeiro elemento `p` deve descrever sua receita.
- O primeiro elemento `h2` deve ter o texto `Ingredients`.
- VocĂȘ deve ter um elemento de lista nĂŁo ordenada abaixo do primeiro elemento `h2`.
- VocĂȘ deve ter pelo menos quatro elementos de item de lista na lista nĂŁo ordenada com os ingredientes.
- O segundo elemento `h2` deve ter o texto `Instructions`.
- VocĂȘ deve ter um elemento de lista ordenada abaixo do segundo elemento `h2`.
- VocĂȘ deve ter pelo menos quatro elementos de item de lista na lista ordenada com as instruçÔes.
- VocĂȘ deve ter pelo menos um elemento `img`.
- Todos os elementos `img` devem ter um atributo e valor de `src` vĂĄlido.
- Todos os elementos `img` devem ter um atributo `alt` para descrever a imagem.
Preview