html2--列表的标记

1.使用的无序列表.  <ul>标记

  无序列表的特征在于提供一种不编号的列表方式,无序列表主要使用<ul> <dir> <dl> <menu> <li> 等标记和type属性.

   1.1  <ul>  无序列表的特征在于提供一种不编号的列表方式,而在每一个项目文字之前,以符号作为分项标记.

          语法:<ul>   <li>第一项</li>   <li>第二项</li>    .....  <ul>  ,解释:该语法中使用<ul>.....<ul>标记表示这一个无序

                   列表的开始和结束,而<li>则表示这是一个列表项的开始.一个无序列表项可以有多个列表项.

   1.2  无序列表的符号类型--type  默认情况是黑心圆圈,而可以通过type参数调整无序列表的项目符号,避免符号的

          单调 ,可以设置的有三个:disc(默认),circle(空心圆圈),square(实心矩形).

    

 2.使用有序列表.<ol>标记

    有序列表中,各个列表项使用编号而不是使用项目符号来进行排序的,一般是采用数字或者字母作为序列号的.

    2.1 有序列表标记--ol   

           语法:<ol>  <li></li>    <li></li>  </ol>,语法解释:<ol>表示有序列表的开始和结束,<li>表示的是一个列表项

    2.2 有序列表的属性--type,默认情况下type属性是数字,可以修改其类型,序号类型有5种:1,a,A,i,I;

    2.3 有序列表的属性--start ,默认情况下的列表项是从数字1开始的,通过start参数可以调整起始数值,这个属性可以            对数值,字母和罗马数字都起作用.<ol start="5">  <li></li>    <li></li>  </ol>

3.自定义列表标记---dl(Definition Lists). 定义列表,不同于前两种列表,他主要是用于解释名词的,包含两种层次的列      表,第一层次是需要解释的名词,第二种是具体的解释.

    <dl> <dt>名词</dt><dd>解释1     <dt>名词</dt><dd>解释2     <dt>名词</dt><dd>解释3.......  </dl>;语法解释:dl开头结尾,dt后面跟的是解释的名词,dd后面跟的是添加该名词的具体解释,作为解释的内容在显示的时候会自动缩进.

代码如下:

 <body>
  <font color="#00FFCC">如果让你有一种超能力,你会想要哪一种?</font></br>


  <ol type="A">
  <li>穿越时光</li></br>
  <li>隐形透明术</li></br>
  <li>神秘读心术</li></br>
  <li>青春不老</li></br>
  </ol>


<hr color="#00FFCC" size="3">


<dl>
 <dt>A:穿越时光</dt> <dd>你的时间都浪费在发呆,胡思乱想.</dd></br>
 <dt>B:隐形透明术<dt> <dd>你的时间都浪费在看电视,上网瞎逛</dd> 
 <dt>C:神秘读心术<dt> <dd>你的时间都浪费在看电视,上网瞎逛</dd> 
</dl>
 </body>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值