首页  >  文章  >  web前端  >  HTML5 之2__列表标记

HTML5 之2__列表标记

黄舟
黄舟原创
2017-02-18 14:08:451589浏览

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

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

像: 

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

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

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

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

   73de882deff7a050a357292d0a1fca94色相c72c1af5e0e7f90179c047c5ef85885e

   73de882deff7a050a357292d0a1fca94色相的相貌、名称c72c1af5e0e7f90179c047c5ef85885e

   称为自定义表

看代码

<!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__列表标记的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn