码迷,mamicode.com
首页 > 其他好文 > 详细

排列清单控制标

时间:2016-07-04 23:42:58      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:

排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容,列表是非常方便的。

3.1 无序号条例式清单<ul>与<li>

            格式:     

                    <ul>

                            <li>…</li>

                            <li>…</li>

                            <li>…</li>

                    </ul>

            功能: <ul>无序条列清单的开始.    

                 </ul>表示结束.

                 <li>…</li>表示一个项目.

 

<ul>的属性:作用于内部所有控制的清单列表,属性值同<li>

             <li>的属性:作用于本标签内部的值,且优先级高于<ul>

                            属性名称        属性值        说明

                             type             dise             实心圆(默认值)

                                                 circle           空心圆

                                                 square        实心方块

 

3.2 有序号条例式清单<ol>与<li>

            格式:

                    <ol>

                            <li>…</li>

                            <li>…</li>

                            <li>…</li>

                    </ol>

            功能: <ol>有序条列清单的开始.    

                 </ol>表示结束.

                 <li>…</li>表示一个项目.

 

            <ol>的属性

                            属性名称        属性值        说明

                             type             1             表示以1,2,3,4来表示

                                                 a             表示以a,b,c,d来表示

                                                 A             表示以A,B,C,D来表示

                                                 i              表示以i,ii ,iii来表示

                                                 I             表示以 I,II,III来表示

 

3.3 无序列表和有序列表的结合应用

格式:<ul>

                        <li>

                               .....

                                    <ol>

                                            <li>…</li>

                                            <li>…</li>

                                            <li>…</li>

                                    </ol>

                        </li>

                        <li>

                                 .....

                                    <ol>

                                            <li>…</li>

                                            <li>…</li>

                                            <li>…</li>

                                    </ol>

                        </li>

 

                  </ul>

 

3.4 叙述式清单(定义列表)

                格式:

                        <dl>

                                <dt>…</dt>

                                    <dd>…</dd>

                                    <dd>…</dd>

                                    <dd>…</dd>

                                <dt>…</dt>

                                    <dd>…</dd>

                                    <dd>…</dd>

                                    <dd>…</dd>

                        </dl>
                功能: <dl>叙述清单的开始,整个区域

                     <dt>表示一个项目的标题

                     <dd>表示一个项目下的更详细的内容,会自动缩进

排列清单控制标

标签:

原文地址:http://www.cnblogs.com/lifi/p/5641927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!