您的位置：首页 > Web前端 > HTML

[Html-005] 列表标签

2011-03-04 16:14 190 查看

无序列表:
无序列表以<ul>标签开始, 每个列表项目以<li>开始.
无序列表的项目中可以加入段落,换行,图像, 链接,其他的列表等.
<ul>
<li>Coffee</li>
<li>Mike</li>
</ul>
运行代码显示如下:

有序列表:
有序列表以<ol>标签开始, 每个列表项目以<li>开始.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
运行代码显示如下:

更多示例:
有序列表的不同类型:
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
<html>
<body>
<h4>Number list:</h4>
<ol>
         <li>Apples</li>
         <li>Bananas</li>
         <li>Lemons</li>
         <li>Oranges</li>
</ol>
<h4>Letters list: </h4>
<ol type=”A”>
         <li>Apples</li>
          <li>Bananas</li>
           <li>Lemons</li>
           <li>Oranges</li>
</ol>
<h4>Lowercase letters list: </h4>
<ol type=”a”>
         <li>Apples</li>
          <li>Bananas</li>
           <li>Lemons</li>
           <li>Oranges</li>
</ol>
<h4>Roman numbers list: </h4>
<ol type=”I”>
         <li>Apples</li>
          <li>Bananas</li>
           <li>Lemons</li>
           <li>Oranges</li>
</ol>
<h4>Lowercase Roman numbers List: </h4>
<ol type=”i”>
     <li>Apples</li>
          <li>Bananas</li>
           <li>Lemons</li>
           <li>Oranges</li>
</ol>
</body>
</html>
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
运行代码显示如下：

无序列表的不同类型：
<html>
<body>
<h4>Disc bullets list: </h4>
<ul type="disc">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>
<h4>Circle bullets list: </h4>
<ul type="circle">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>
<h4> Square bullets list: </h4>
<ul type="square">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>
</body>
</html>
运行显示如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航