Rumah  >  Artikel  >  hujung hadapan web  >  在html语言中,常用的列表有哪三种

在html语言中,常用的列表有哪三种

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-06-02 17:40:1216729semak imbas

常用的列表有:1、有序列表,项包含在li标签对中,以ol定义;2、无序列表,项包含在li标签对中,以ul定义;3、自定列表,项包含在dt标签对中,“67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35”与定义项对应的每个定义,自定义列表以“5c69336ffbc20d23018e48b396cdd57acd324b2387ec29e44e8e788c60648872”定义。

在html语言中,常用的列表有哪三种

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

有序列表,列表项包含在25edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb标签对中,有序列表以c34106e0b4e09414b63b2ea253ff83d6f6f112ef45f603be226bc581f9dd5e90定义,项目前有数字或者字母缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

效果:

67P)J%B4$JZX28~M655RD{B.png

无序列表,列表项包含在25edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb标签对中,无序列表以ff6d136ddc5fdfeffaf53ff6ee95f185929d1f5ca49e04fdcb27f9465b944689定义,项目前有符号缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

效果:

N0$8EB1U1)SA4AW}0A$[N{J.png

自定列表,列表项包含在73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e标签对中,67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35与定义项对应的每个定义,自定义列表以5c69336ffbc20d23018e48b396cdd57acd324b2387ec29e44e8e788c60648872定义,项目前有符号缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

效果:

2@09`S7P6K}IF[NPB~ITU1Y.png

扩展:

列表标签

}](%[T4R1XWIL0$5M1I`YEG.png

推荐学习:html视频教程

Atas ialah kandungan terperinci 在html语言中,常用的列表有哪三种. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:HTML如何在图片上设置超链接Artikel seterusnya:html怎么设置下划线