Build a Book Catalog Table - Build a Book Catalog Table

HTML-CSS
1

The td element in your tfoot element’s row should have the text Total Books: [number of books in your table].

ive tried with just the number/without and with the number and text /without

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Book Catalog</title>
</head>

<body>
  <table>
    <thead>
      <tr>
        <th>Title</th>
        <th>Author</th>
        <th>Genre</th>
        <th>Publication Year</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Bob's Your Uncle</td>
        <td>Bobert Bobbinton</td>
        <td>Non Fiction</td>
        <td>2003</td>
      </tr>
      <tr>
        <td>Mr Big Face</td>
        <td>Facey Mcfacer</td>
        <td>History</td>
        <td>1793</td>
      </tr>
      <tr>
        <td>How to Hoard Cats</td>
        <td>Dr Andrew Kemp</td>
        <td>Educational</td>
        <td>2019</td>
      </tr>
      <tr>
        <td>Out Of Ideas</td>
        <td>Derick Dumbers</td>
        <td>Fiction</td>
        <td>1984</td>
      </tr>
      <tr>
        <td>Everything is awful</td>
        <td>The World</td>
        <td>Biographical</td>
        <td>2025</td>
      </tr>
    </tbody>
    <tfoot>
       <tr>
        <td colspan='4'>Total Books: [number of books in your table]</td>
       </tr>
    </tfoot> 
  </table
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Challenge Information:

Build a Book Catalog Table - Build a Book Catalog Table

2

Hi there, your code has two issues:

  1. You need to count the number of books in your table and replace [number of books in your table] with the actual count inside the <td> element.
  2. Your <table> closing tag is missing >. Adding it will fix the issue.

Hope this helps! :blush:

1 Like
3

This is just a placeholder. Replace it with the actual number of books.

Per the instructions:

  1. The row in your table footer element should have a table data element that spans four columns and has the text Total Books: N where N should be replaced by the number of books in your table.