Rumah >hujung hadapan web >Tutorial H5 >HTML5 之2__列表标记

HTML5 之2__列表标记

黄舟
黄舟asal
2017-02-18 14:08:451664semak imbas

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)!


Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:HTML5 程序设计Artikel seterusnya:HTML5之3__测试浏览器是否支持HTML5