HTML・CSS Writing 2022- Web design
- HTML5
- here
[HTML5] table tag --create a table
You can create a table with the table tag .
<table> </table>
In general, place tr and td tags under the table tag to create columns and items.
| 1 row 1 column | 1 row 2 columns | 1 row 3 columns |
| 2 rows and 1 column | 2 rows and 2 columns | 2 rows and 3 columns |
<style>
table {
border-collapse: collapse;
}
table td {
border: 1px solid #ddd;
padding: 7px;
}
</style>
<table>
<tr>
<td> 1 row 1 column </td> 1 row 2 columns <td> <td> 1 row 3 columns </td>
</tr>
<tr>
<td> 2 rows 1 column </td> 2 rows 2 columns <td> <td> 2 rows 3 columns </td>
</tr>
</table>
Please refer to the following articles for the specific method of creating the table.