18910140161

li标签是干嘛的?

顺晟科技

2021-06-16 10:33:21

1240

HTMLli标签定义和用法:

Li标签定义列表项。

Li标签(全名是listitem)是HTML语言中的元素标签。属于列表标签。以li开头/以li结尾。li标签可用于有序列表(ol)和无序列表(ul)。

HTMLli标记用法示例:

开环(同Open Loop)

Li ffee/Li

liTea/li

liMilk/li

/ol

保险商实验所

Li ffee/Li

liTea/li

liMilk/li

/ul

HTMLli标签的属性:

Tuyi.pngHTMLli标记用法详细信息:

无序列表是项目[1]的列表,用粗体点(典型的黑色小圆圈)标记。无序列表以ul标签开始。每个列表项都以li开头。示例:

保险商实验所

Li ffee/Li

liMilk/li

/ul

浏览器显示如下:

咖啡

牛奶

段落、换行符、图片、链接和其他列表可以在列表项中使用。

有序列表也是用数字标记的项目列表。有序列表以ol标签开始。每个列表项都以li标签开始。示例:

开环(同Open Loop)

Li ffee/Li

liMilk/li

/ol

浏览器显示如下:

1.咖啡

2.牛奶

段落、换行符、图片、链接和其他列表可以在列表项中使用。

如何点击无序列表中的小点:

首先,我们来看看使用列表标签时的问题。

保险商实验所

li1/lili2/lili3/lili4/lili5/li

/ul

我们发现会有一个小黑点。因为我们使用的是无序列表标签。那么你怎么去掉这些点呢?

看看怎么解决问题吧。先打开记事本或其他html编辑器。我用editplus。创建新的html文件

将以下代码添加到源代码中:

ulli{

list-style : none;

}

这样,可以删除默认样式。当然也可以直接在标签里写样式,但是我建议你用这种样式,让代码以后更容易维护。

还有更直观的方法:

超文本标记语言

风格

ul,li { display:block位置:相对;}

li { float:leftmargin:auto10pxlist-style : none;height:30px行高:30 px;}。cle { clear:both}

/style

/head

身体

保险商实验所

liahref='

http://www.baidu.com

百度/a/li

liahref='

http://www.sina.com.cn

新浪/a/li

liahref='

http://www.163.com

网易/a/li

liahref='

http://www.qq.com

腾讯/a/li

liahref='

http://www.php.cn

PHP中文网站/a/li

liahref='

http://www.google.com.hk

Google /a/li

divclass='cle'/div

/ul

/body

/html

HTML和XHTML的区别

在HTML4.01中,不允许使用li元素的“类型”和“值”属性。

在XHTML1.0StrictDTD中,不支持li元素的“类型”和“值”属性。

本文转载自人民网

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航