本文摘自PHP中文网,作者寻∝梦,侵删。
HTML li标签是干嘛的?HTML li标签用法和属性的介绍都在这里,这篇文章给大家讲述的是HTML li标签的定义及属性介绍,还有html li标签如何去掉无序列表中的默认小点样式。HTML li标签的定义和用法:
<li> 标签定义列表项目。
<li>标签(全称为list item)是HTML语言中的一个元素标签。属于列表标签。以<li>开始</li>结束,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
HTML <li> 标签用法实例:
1 2 3 4 5 6 7 8 9 10 |
|
HTML li标签的属性:
HTML li标签的用法详细说明:
无序列表是一个项目的列表 [1] ,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。例:
1 2 3 4 |
|
浏览器显示如下:
?Coffee
?Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表也是一个项目的列表,列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。例:
1 2 3 4 |
|
浏览器显示如下:
1.Coffee
2.Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
HTML li标签如何去点无序列表中的小点:
首先来看看我们使用列表标签出现的问题。
1 2 3 |
|
我们发现会出现了一个黑的小点点。因为我们使用的是无序列表标签。那么要怎么除去这些点点呢。
接下来看看怎么解决问题咯。先打开记事本或者其他的html编辑器。我使用的editplus.新建一个html文件
在源代码中加入如下的代码:
1 2 3 |
|
这样就可以去除默认的样式了。当然你也可以直接写在标签里面把样式,不过我推荐大家使用这种这发,使得代码后期方便维护。
还有更直观的办法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
|
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,li 元素的 "type" 和 "value" 属性是不被赞成使用的。
在 XHTML 1.0 Strict DTD 中,li 元素的 "type" 和 "value" 属性是不被支持的。
【相关推荐】
html5 border属性怎么设置?html5 table中的border属性介绍
htm5新增的表单元素keygen标签的用法和属性介绍
以上就是HTML li标签是干嘛的?HTML li标签用法和属性的介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html中sup标签上标字符和sub标签下标字符的使用方法介绍
更多相关阅读请进入《li》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者