HTML列表中的dldtddulliol区别及应用.doc
                            上传者:小健
                            2022-06-20 01:40:14上传
                            DOC文件
                            84 KB
                            
                            
                        
                        
                        HTML列表中的dl,dt,dd,ul,li,ol区别及应用
3
薰广心 </.:>
: 羽酣枷下:
・ 1 i. Coffee
<M・5 *•**' 1
3 M 4 -5
HTML列表中的dl,dt,dd,ul,li,ol区别及应用
方法/步骤
1无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于<ul>标签。每个列表项始于<li>。
,JI,J ,J I J ■ » J |
:<ul>
:<li>€ofzee</zli>
? </ul>
浏览器显示如下:
Coffee
Milk
2有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于<ol>标签。每个列表项始于<li>标签。
;<ol>
j <li>Cofzee</li>
:</ol>
浏览器显示如下:
Coffee
Milk
3定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义 以<dd>开始。
<dl>
<dt>Cczfee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>Whire cold drink</dd>
</dl>
浏览器显示如下:
Coffee
Black hot drink
Milk
White cold drink
4不同类型的有序列表
本例演示不同类型的有序列表。
kh4>^母列表:</h4>
<ol type=nAn>
香蕉 </li>
檬 </li>
子 </li>
</ol>
字母列表:
5这就是我们常用到的HTML列表标签
列表标签
标荟
捆述
vol>
定义有序列表。
vul〉
定义无序列表。
<li>
定义列表项。
vdl〉
定义定义列表。
<dt>
定义定义项目。
vdd>
定义定义的描述。
vdir〉
已,底弃。使用<Ul>代替它。
vmenu>
已废弃。使用<ui>代替它。
注意事项
以上所有的列表项内部可以使用段落、换行符、图片、链接以及其他列表等
                    3
薰广心 </.:>
: 羽酣枷下:
・ 1 i. Coffee
<M・5 *•**' 1
3 M 4 -5
HTML列表中的dl,dt,dd,ul,li,ol区别及应用
方法/步骤
1无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于<ul>标签。每个列表项始于<li>。
,JI,J ,J I J ■ » J |
:<ul>
:<li>€ofzee</zli>
? </ul>
浏览器显示如下:
Coffee
Milk
2有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于<ol>标签。每个列表项始于<li>标签。
;<ol>
j <li>Cofzee</li>
:</ol>
浏览器显示如下:
Coffee
Milk
3定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义 以<dd>开始。
<dl>
<dt>Cczfee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>Whire cold drink</dd>
</dl>
浏览器显示如下:
Coffee
Black hot drink
Milk
White cold drink
4不同类型的有序列表
本例演示不同类型的有序列表。
kh4>^母列表:</h4>
<ol type=nAn>
香蕉 </li>
檬 </li>
子 </li>
</ol>
字母列表:
5这就是我们常用到的HTML列表标签
列表标签
标荟
捆述
vol>
定义有序列表。
vul〉
定义无序列表。
<li>
定义列表项。
vdl〉
定义定义列表。
<dt>
定义定义项目。
vdd>
定义定义的描述。
vdir〉
已,底弃。使用<Ul>代替它。
vmenu>
已废弃。使用<ui>代替它。
注意事项
以上所有的列表项内部可以使用段落、换行符、图片、链接以及其他列表等
HTML列表中的dldtddulliol区别及应用