Converting Markdown Table to HTML Table

6 Questions

What Markdown syntax can be used to create an HTML table for your friends?

Using the pipe symbol (|) and hyphens (-)

What does each row in the HTML table represent?

Each row represents a friend and their corresponding information: name, registration number, class, and section.

How are the different columns of data separated in the HTML table?

Using the pipe symbol (|)

What does the header row (---) in the Markdown table define?

The header row defines what each column represents.

What HTML tag is used to define the header row of the table?

Which HTML tags represent the body of the table containing the information for each row?

tags

Study Notes

Creating an HTML table for your friends can be done with ease using Markdown syntax. Here's how you can structure it:

| Name             | Registration Number | Class    | Section  |
|------------------|---------------------|----------|-----------|
| John Pemberton   | 567891              | Physics  | A         |
| Maria Leon       | 67891               | Math     | B         |
| Albert Einstein  | 78910               | English  | C         |
| Isaac Newton     | 8910                | Biology  | D         |
| Neil deGrasse Tyson | 910                | Chemistry | E         |
| Bill Nye         | 10                  | History  | F         |

In this table, each row represents a friend and their corresponding information: name, registration number, class, and section. The | symbol separates the different columns of data for each row, while the header row (---) defines what each column represents.

To create an HTML table from this Markdown format, you can use the following code:

<table>
<thead>
    <tr>
        <th align="left">Name</th>
        <th align="left">Registration Number</th>
        <th align="left">Class</th>
        <th align="left">Section</th>
    </tr>
</thead>
<tbody>
    <td>John Pemberton</td>
    <td>567891</td>
    <td>Physics</td>
    <td>A</td>
</tbody>
<tbody>
    <td>Maria Leon</td>
    <td>67891</td>
    <td>Math</td>
    <td>B</td>
</tbody>
<!-- Repeat for all other friends -->
</table>

This HTML code will generate a table with your friends' information in rows with separate columns for each piece of data. The <thead> tag defines the header row of the table, while the <tbody> tags represent the body of the table, which contains the information for each row.

By following these steps, you can create an HTML table that displays the names, registration numbers, classes, and sections of all your friends.