表格单元格_HTML 5基础教程

表格单元格

在HTML 5中，表格单元格是通过<td>标签来定义的。表格单元格通常用于显示表格中的数据，每个单元格可以包含文本、图像或其他元素。

下面是一个简单的HTML 5表格示例，包含一个表格和两行两列的单元格：

<!DOCTYPE html>
<html>
<head>
    <title>HTML Table Example</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>Row 1, Cell 1</td>
            <td>Row 1, Cell 2</td>
        </tr>
        <tr>
            <td>Row 2, Cell 1</td>
            <td>Row 2, Cell 2</td>
        </tr>
    </table>
</body>
</html>

在上面的示例中，<table>标签定义了一个表格，<tr>标签定义了表格中的行，而<td>标签定义了表格中的单元格。每个<td>标签包含单元格中的内容。

你还可以使用一些属性来调整表格单元格的样式和行为，比如colspan和rowspan属性来合并单元格、align属性来指定单元格中内容的对齐方式等。

<!DOCTYPE html>
<html>
<head>
    <title>HTML Table Example</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>Row 1, Cell 1</td>
            <td>Row 1, Cell 2</td>
        </tr>
        <tr>
            <td>Row 2, Cell 1</td>
            <td>Row 2, Cell 2</td>
        </tr>
        <tr>
            <td colspan="2">Row 3, Cell 1 and Cell 2</td>
        </tr>
    </table>
</body>
</html>

在这个例子中，第三行的单元格使用了colspan="2"属性来合并两个单元格，从而占据了整行的宽度。

总的来说，使用HTML 5的表格标签可以很方便地创建和展示数据表格，通过合理使用单元格和其他属性，可以使表格更加具有可读性和美观性。