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

HTML5 之2__列表标记

黄舟
Lepaskan: 2017-02-18 14:08:45
asal
1693 orang telah melayarinya

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

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

像: 

<ul type=a>
         <li>苹果</li>
         <li>桃</li>
   </ul>
Salin selepas log masuk

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

  <ol>
        <li>西红柿</li>
        <li>茄子</li>
  </ol>
Salin selepas log masuk

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

色相

色相的相貌、名称

称为自定义表

看代码

<!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>
Salin selepas log masuk

运行效果




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


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan