web前端学习div区域标签与列表，表格ul-ol-table

最新推荐文章于 2023-03-30 10:23:06 发布

76博ding

最新推荐文章于 2023-03-30 10:23:06 发布

阅读量121

点赞数

分类专栏： web前端文章标签：前端学习 html

本文链接：https://blog.csdn.net/weixin_62281810/article/details/129249294

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>古诗</title>
</head>
<body>
  <!--div是区域标签，将某一部分划分为一个区域，id是名字属性，align是对齐属性-->
  <div id="content" align="center">
    <p>静夜思|李白|思家</p>
    <hr />

    <img src="images/1.png" alt="出错啦" height="200" width="200" />
    <h1>静夜思</h1>
    <p>床前明月光</p>
    <p>疑似地上霜</p>
    <p>举头望明月</p>
    <p>低头思故乡</p>

    <hr />

    <a href="列表与表格ul-ol-table.html">去列表与表格那里逛逛啦</a>

  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>web前端开发</title>
</head>
<body>
  <!-- 无序列表ul与有序列表ol -->
  <ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>Javascript</li>
  </ul>

<hr />
  <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>Javascript</li>
  </ol>

<hr />
  <!-- 表格table,先写行tr,再写列td或者表头th -->
  <table border="10">
    <tr>
      <th>班级</th>
      <th>人数</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>10</td>
    </tr>
  </table>

</body>
</html>