Instruções
Crie uma tabela de catálogo de livros
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 criar um elemento
table que liste informações de livros.
1. A tabela deve ter um elemento de cabeçalho com uma linha.
1. A linha no elemento de cabeçalho da tabela (head) deve ter quatro elementos de cabeçalho de tabela (header), com o texto Title, Author, Genre e Publication Year, nessa ordem.
1. A tabela deve ter um elemento de corpo de tabela com pelo menos cinco linhas.
1. Cada linha no corpo da tabela deve ter quatro elementos de dados que exibam o Título, Autor, Gênero e Ano de Publicação do livro.
1. A tabela deve ter um elemento de rodapé com uma linha.
1. A linha no elemento de rodapé da sua tabela deve conter um elemento de dados da tabela que abranja quatro colunas e tenha o texto Total de Livros: N, onde N deve ser substituído pelo número de livros na sua tabela.
O que fazer:
Testes:
- Você deve ter um elemento `table`.
- Você deve ter um elemento `thead` dentro do elemento `table`.
- Você deve ter um elemento `tr` dentro do elemento `thead`.
- Você deve ter quatro elementos `th` dentro da linha do elemento `thead`.
- Os quatro elementos `th` devem ter o texto `Title`, `Author`, `Genre` e `Publication Year`, nessa ordem.
- Você deve ter um elemento `tbody` dentro do elemento `table`.
- O elemento `tbody` deve ter pelo menos cinco linhas.
- Cada linha no elemento `tbody` deve ter exatamente quatro elementos `td` como filhos.
- Cada elemento `td` no corpo da tabela deve ter texto com informações do livro.
- Você deve ter um elemento `tfoot` dentro do elemento `table`.
- Você deve ter exatamente um elemento `tr` no elemento `tfoot`.
- O elemento `td` na linha do elemento `tfoot` deve ter o atributo `colspan` definido como `4`.
- O elemento `td` na linha do seu elemento `tfoot` deve conter o texto `Total Books: N` onde `N` é o número de livros na sua tabela.
Preview