找回密码
 立即注册
首页 资源区 教程 03html教程:无序列表和有序列表

HTML5 03html教程:无序列表和有序列表

新程序 2025-6-11 00:11:19
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无序列表和有序列表</title>

    <!--
    <ul></ul> 是无序列表
    <ol></ol> 是有序列表
    <li></li> 是列表项标签
    <h2></h2> 是加粗 通常用于加粗
    -->

</head>
<body>
<ul>
    <h2>这是无序列表</h2>
    <li>科技</li>
    <li>业界</li>
    <li>安全</li>
</ul>

<ol>
    <h2>这是有序列表</h2>
    <li>程序</li>
    <li>软件</li>
    <li>代码</li>
</ol>


</body>
</html>
1.png
1.png

文件下载
游客,如果您要查看本帖隐藏内容请回复


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>无序列表和有序列表</title>

  7.     <!--
  8.     <ul></ul> 是无序列表
  9.     <ol></ol> 是有序列表
  10.     <li></li> 是列表项标签
  11.     <h2></h2> 是加粗 通常用于加粗
  12.     -->

  13. </head>
  14. <body>
  15. <ul>
  16.     <h2>这是无序列表</h2>
  17.     <li>科技</li>
  18.     <li>业界</li>
  19.     <li>安全</li>
  20. </ul>

  21. <ol>
  22.     <h2>这是有序列表</h2>
  23.     <li>程序</li>
  24.     <li>软件</li>
  25.     <li>代码</li>
  26. </ol>


  27. </body>
  28. </html>
复制代码



您需要登录后才可以回帖 登录 | 立即注册