ul 与li的区别？ul中的li与a的区别？

最新推荐文章于 2023-06-14 14:48:31 发布
最新推荐文章于 2023-06-14 14:48:31 发布
阅读量1.9k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llinyunxia/article/details/41318803
版权

ul＝table　

li＝tr　　

ol＝td

 

 

li类别标签，a是连接伪类，他们之间没有上面联系的，但是a是结合li来用的，当然他们又是单独的

<ul>

<li>Home</li>

<li>about</li>

<li>News</li>

</ul>

<li><a href="">Home</a></li>

<li><a href="">about</a></li>

<li><a href="">News</a></li>

<ul>
</ul>

 

 

 

llinyunxia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于 ul 嵌套 li 并且再嵌套 a 的 BUG
Lzxggg的博客
12-04 1736
在写网页的过程中，总是写完了这一套，样式出了问题又去找问题废了好长时间 总结一下写法 以下是结构 经常会出现 li 里面与文字不在一个高度上 &lt;div class="indicators"&gt; &lt;ul&gt; &lt;li&gt;1&lt;/li&gt; &lt;l...
css-ul-li-a
qq_41808893的博客
09-18 494
ul-li-a部分知识
html ul li a颜色,ul li a span 这种选择器的写法有什么问题？
weixin_42394785的博客
06-22 365
discuz的文档中有这么一句话：勿使用冗余低效的 CSS 写法, 例如：ul li a span { ... }不知道为什么这种写法会是冗余低效？如果说直接使用标签选择器不好，那么改成这样呢：ul.test li a span关于选择器的层级问题，我不理解为什么超过三级会不好？补充：我作了个测试：你们好//选择器性能测试function test(fn){var start=+new Date(...
＜HTML中ul.ol和li的区别＞
qq_38928735的博客
02-21 3389
<HTML中ul.ol和li的区别> 1.ul（unordered list）是无序列表，ol(ordered list)是有序列表哦。 2.ul是块级元素，可定义宽和高；li表示行排列不能单独使用，需要在ul或者ol中配合使用。 3.ul的type属性有：(1)disc-实心圆（默认），（2）circle-空心圆，square-实心方块；ol的type属性有：（1）1-数字（默认），（2）a-小写字母，（3）A-大写字母，（4）i-小写希腊字母，
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用介绍
最新发布
xiaoweids的博客
06-14 1621
这篇文章主要为大家介绍一下dl,dt,dd,ul,li,ol区别，需要的朋友可以参考一下平时有时候用到div和css对网站界面进行重构,经常会用到标签ul ol li dl dt dd ,这些标签常用于列表显示内容.学会这几个标签的用途,了解一下他们的区别,对网站代码和加载速度都有很有益处的.下面,简单说一下.ul 标签定义无序列表。实例:li: Listsol有序列表:12345表现为：1……2……3……ul无序列表，表现为li前面是大圆点而不是123:1。
CSS中的ul与li样式详解共5页.pdf.zip
11-20
这份名为"CSS中的ul与li样式详解共5页.pdf.zip"的压缩文件很可能包含了关于如何使用CSS来定制这些列表元素样式的深入讲解。 `<ul>` 标签用于创建一个无序列表，通常显示为带有圆点或小方块的项目符号。这些列表可以...
css中使用ul li ul li ul li ul li 实现四层级联菜单
12-08
复制代码代码如下: <!... <head> <title></title>...style type=”text/css”> a { color:Black; /*–a标签的默认颜色为黑色–*/ text-decoration:none; /*–隐藏超链接的下划线–*/ } a:
JavaScript使用ul中li标签实现删除效果
12-10
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...
CSS实现ul和li横向排列的两种方法
11-21
在网页布局设计中，我们经常需要将`<ul>`列表中的`<li>`元素横向排列，以便创建导航栏或其他水平展示的内容。本文将详细介绍两种利用CSS实现`<ul>`和`<li>`横向排列的方法。 ### 方法一：使用`float:left` 首先，...
HTML中的ul、li、ol、li、dl、dt、dd的区别讲解与示例
Pepe专栏
07-25 9994
HTML中的ul和li 需要同时出现，并且要成对出现。         ul和li 是无序列表的意思。        ol和li 是有序列表的意思。        dl、dt和dd是普通列表的意思。  下面给大家举个例子就明白了： 几种列表的区别 下面是dl、dt和dd的示例 中国城市 北京  上海  广州  美国城
HTML 知识点解析和目录树渲染
叱咤少帅的博客
03-08 427
（1）<ul> 和 <li>的区别是什么? 定义不同： ul 是 Unordered List（无序列表）的缩写。<li> 标签定义列表项目（li是lists的缩写） 用法不同: <ul> 标签定义无序列表。使用 <li> 标签定义的列表可以是个无序列表也可以是有序列表。 支持的HTML全局属性不同：<li> 标签支持所有的HTML全局属性。<ul>标签支持 HTML 中的全局属性：accesskey、class...
JQuery CSS 基本选择器 详解
weixin_33896726的博客
08-18 70
*         Matches any element.( 匹配任何元素 ) 声明     $("*") E         Matches all element with tag name E. ( 匹配tag name为 E 的所有元素 ) 声明     $("input") E F         Matches all elements with tag ...
html中ul和li标签的用法
热门推荐
kwame211的博客
11-28 7万+
普通的显示数据的时候，ul就是项目列表，li就是列表项。可以用来显示数据。 如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框等需要配合CSS一起设置。 一.做导航，居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &...
无序列表标签＜ul＞和＜li＞
企业级技术与网站app运营
05-18 8593
标签的子标签必须是<li>，绝对不能出现任何其他的标签。但是你把<p>标签写到<li>标签的外面、作为<ul>的直接子标签是错误的。无序列表使用<ul>
css 中ul li 与 ul>li的区别
weixin_30488085的博客
04-23 1530
ul li ：后代选择器，ul 里所有的 li 元素，包括 ol 里的 li ; ul>li ：子代选择器，下一级的DOM节点，不包括 ol 里的 li 。 ul>ol>li ：子代选择器必须一代接一代。 1 <ul> 2 <li>111</li> 3 <li>222</li> 4...
css常用标签使用：标签a、ul li 属性display、list-style、background-image，水平、垂直居中
weixin_46371752的博客
01-08 1372
使用ss样式： 1、在html的<head> </head>中 <head> <style> div{ color:red; } </style> </head> 2、在html的<head> </head>中引入css文件 <head> <link rel="stylesh
＜ul＞＜ol＞＜dl＞列表标签属性
2202_75549187的博客
12-06 3088
列表标签属性
html中ul和li是什么单位,html中ul，ol和li的区别
weixin_36108931的博客
06-09 8125
ul是无序列表，全称是unordered list，先来个例子：●张三●李四●王二●刘五ol是有序列表 ,全称是ordered list，同样举个例子：1、张三2、李四3、王二4、刘五这就是ul与ol的区别。ul与ol前的符号是可以修改的。只需要修改它们的type值。ul的type属性有：disc—实心圆(默认)、circle—空心圆、square—实心方块ol的type属性有：1—数字(默认)、...
块元素居中方式
gklcsdn的博客
12-10 790
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
ul>li>ul>li>ul>li
06-08
可以使用类似以下的代码来生成 `ul>li>ul>li>ul>li` 这样的 HTML 结构： ```javascript // 创建外层ul元素 const outerUl = document.createElement("ul"); // 创建第一个li元素 const li1 = document.createElement("li"); // 创建内层ul元素 const innerUl1 = document.createElement("ul"); // 创建内层li元素 const innerLi1 = document.createElement("li"); // 创建内层ul元素 const innerUl2 = document.createElement("ul"); // 创建内层li元素 const innerLi2 = document.createElement("li"); // 创建内层ul元素 const innerUl3 = document.createElement("ul"); // 创建内层li元素 const innerLi3 = document.createElement("li"); // 将内层li元素添加到内层ul元素中 innerUl3.appendChild(innerLi3); // 将内层ul元素添加到内层li元素中 innerLi2.appendChild(innerUl3); // 将内层li元素添加到内层ul元素中 innerUl2.appendChild(innerLi2); // 将内层ul元素添加到内层li元素中 innerLi1.appendChild(innerUl2); // 将内层li元素添加到内层ul元素中 innerUl1.appendChild(innerLi1); // 将内层ul元素添加到第一个li元素中 li1.appendChild(innerUl1); // 将第一个li元素添加到外层ul元素中 outerUl.appendChild(li1); // 将外层ul元素添加到body中 document.body.appendChild(outerUl); ``` 这段代码会生成以下的 HTML 结构： ```html <ul> <li> <ul> <li> <ul> <li> <ul> <li></li> </ul> </li> </ul> </li> </ul> </li> </ul> ``` 需要注意的是，这种方式不是很常见，一般来说没有这么多层嵌套。而且这种方式比较繁琐，不太容易维护。如果需要生成多层嵌套的 HTML 结构，可以考虑使用递归的方式来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值