（四）HTML列表

HTML ul标签与li标签

ul 标签 -- 代表HTML无序列表

  • ul标签是成对出现的,以<ul>开始,</ul>结束
  • 每一列使用<li>标签定义,每一列使用一个点作为开头
  • 属性:
    • Common -- 一般属性
  • ul，是unordered lists的缩写，中文"无序列表"的意思

li 标签 -- 代表HTML列表项目

  • li标签是成对出现的,以<li>开始,</li>结束
  • 属性:
    • Common -- 一般属性
  • li，是list item的缩写，中文"列表项"的意思
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>这是我的第一个网页</title>
 5     </head>
 6     <body>
 7         <ul>huahua</ul>
 8         <li>h</li>
 9         <li>u</li>
10         <li>a</li>    
11     </body>
12 </html>

 

运行结果：

　　

HTML ol标签

ol 标签 -- 代表HTML有序列表

  • ol标签是成对出现的,以<ol>开始,</ol>结束
  • 每一列使用<li>标签(与无序列表相同)定义,每列使用数字或字母开头.
  • 属性:
    • Common -- 一般属性
  • ol，是ordered lists的缩写，中文"有序列表"的意思
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>这是我的第一个网页</title>
 5     </head>
 6     <body>
 7         <ol>
 8         <li>h</li>
 9         <li>u</li>
10         <li>a</li>
11         </ol>    
12     </body>
13 </html>

 

运行结果：

　　

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2015-10-21 17:08  花花妹子。  阅读(167)  评论(0)    收藏  举报