当前位置:Gxlcms > html代码 > HTML5之2__列表标记

HTML5之2__列表标记

时间:2021-07-01 10:21:17 帮助过:34人阅读

HTML5 的基本标记有很多种,今天介绍列表标记

列表标记 列表标记可以在网页中以列表形式排列文本元素, 列表标记有3种: 有序列表,无序列表,自定义列表

像:

  1. <ul type=a>
  2. <li>苹果</li>
  3. <li>桃</li>
  4. </ul>

称为无序列表, 在FireFox以a,b,c 等显示,其他浏览器以圆点显示;

  1. <ol>
  2. <li>西红柿</li>
  3. <li>茄子</li>
  4. </ol>

称为有序列表, 以1,2,3 等显示;

<dt>色相</dt>

<dt>色相的相貌、名称</dt>

称为自定义表

看代码

  1. <!DOCTYPE>
  2. <html >
  3. <head>
  4. <meta charset="gb2312" />
  5. <title>演示列表标记</title>
  6. </head>
  7. <body>
  8. 水果<ul>
  9. <li>苹果</li>
  10. <li>桃</li>
  11. </ul>
  12. <ol>
  13. <li>西红柿</li>
  14. <li>茄子</li>
  15. </ol>
  16. <dt>色相</dt>
  17. <dt>色相的相貌、名称</dt>
  18. </body>
  19. </html>

运行效果




以上就是HTML5 之2__列表标记的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行