欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5 之2__列表标记

程序员文章站 2022-03-20 19:40:22
...
HTML5 的基本标记有很多种,今天介绍列表标记

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

像:

<ul type=a>
         <li>苹果</li>
         <li>桃</li>
   </ul>

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

  <ol>
        <li>西红柿</li>
        <li>茄子</li>
  </ol>

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

<dt>色相</dt>

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

称为自定义表

看代码

<!DOCTYPE>
<html >
<head>
<meta charset="gb2312" />
<title>演示列表标记</title>
</head>

<body>
   水果<ul>
      <li>苹果</li>
	   <li>桃</li>
   </ul>
   <ol>
       <li>西红柿</li>
       <li>茄子</li>
   </ol>
    <dt>色相</dt>
   <dt>色相的相貌、名称</dt>
</body>
</html>

运行效果


HTML5 之2__列表标记

HTML5 之2__列表标记

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

相关标签: HTML5,列表标记