HTML5（四）——div、列表、表格

最新推荐文章于 2023-10-19 22:35:40 发布

原创最新推荐文章于 2023-10-19 22:35:40 发布 · 687 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

本文详细介绍了HTML5中的div用于定义网页区域，无序列表和有序列表的使用，以及如何创建和构建表格，包括表格的结构元素如<tr>、<th>和<td>。

div：web中定义一个区域。

无序列表：

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JS</li>
</ul>

有序列表：

<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JS<li>
</ol>

表格：

<table ></table>：定义表格。

<tr></tr>：定义表格行。

<th></th>：表头单元。

<td></td>：表格内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webLable</title>
</head>
<body>
<div align = "center">
    <table border="1">
        <tr><td><h1>star top10</h1></td></tr>
        <tr>
            <td>
            <ol>
                <li>bigbang</li>
                <li>东方神起</li>
                <li>少女时代</li>
                <li>super juniot</li>
                <li>beast</li>
            </ol>
            </td>
        </tr>
    </table>
    
</div>
</body>
</html>

网页内容：