HTML的ul和li标签的使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的第一个网页</title>
	</head>
	<body>
		<h2>我的电脑文件列表</h2>
		<ul><li>我的电脑</li>
			<ul>
				<li>本地磁盘(C:)</li>
					<ul>
						<li>我的文档</li>
						<li>我的收藏</li>
					</ul>

				<li>本地磁盘(D:)</li>
					<ul>
						<li>我的游戏</li>
						<li>我的资料</li>
						<li>我的电影</li>
					</ul>
			</ul>
		</ul>
	</body>
</html>

时间： 2024-08-11 07:50:17

HTML的ul和li标签的使用的相关文章

用正则表达式抓取网页中的ul 和 li标签中最终的值！

获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1"; string htmlStr = null; for (int i = 0; i < 10; i++) { try { System.Net.Http

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,这种方法看起来很合理也很直观.但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白.所以,为了避免所有的链接都挤在一起,你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔,让这些文字分离开来,不至于混在一起. 现在我们正常的做法是应用ul.li标签把链接作为无序列表(unordered list)来标识.再应用CSS样式对其进行控制,按我们预想的形式在容器中显示出来.对导航条使用无序列表似乎是

Jquery和JS获取ul中li标签

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签或 var div=document.getElementById('a'); var ul=div.childN

ul和li标签实现列表

css样式 #m{ width: 80%; overflow: hidden; padding: 0px; margin: 50px 0 0 20px;}#m,#m ul{ list-style-type: none; padding: 0px;}#m li a{ display: block; color:#FFFFFF; text-decoration: none; }#m li ul li a{ text-decoration: none;}#m li ul{ display:none;

<UL>中<li>标签前编号图片的简单调用

ul+li标签制作表格

table标签制作表格代码繁琐,且不方便后期代码维护. li标签加上css的浮动样式可以制作多种样式的表格. 代码如下: <ul id="ttttt" style="width:404px;text-align:center;line-height:30px;border-left:1px solid #000;border-top:1px solid #000;"> <li style="width:403px;height:30px;

利用li标签做菜单

现在我们用一个ul li标签来做一个菜单首先来看看ul li 的基本样式代码如下 <html> <head> <title>ul li</title> </head> <body> <ul> <li>首页</li> <li>个人主页</li> <li>消息中心</li> <li>充值中心</li> <li>会员中

li标签之间的空隙问题（转）

原文地址:http://www.cnblogs.com/laogao/archive/2012/08/13/2636419.html css li 空隙问题 IE6/7的Bug:纵向排列的li中加浮动元素产生向下3px的空隙最近做页面时,经常碰到用 li 标签做纵向列表的时候,会在li的下面产生3px的空隙,之前也碰到过,但都用简单的方法解决了.搜索了一下,网上已经有人给出一些解决方案,但细看之后发现他们的解决方案和找到的原因都有些问题,甚至是错误.要么只单纯地提出问题,解决问题,没有更详细的

[转]为什么在li标签上添加了disabled类名的时候，不能禁止其点击功能？这个在 bootstrap.js 里面没有设置好吗？

<input class="disabled">不会禁止按钮的默认行为 <input disabled="disabled">可以禁止元素的默认行为 jquery 或js class="disabled" 元素一律点击无效比如 <a id="PostComment" class="btn">提交</a> 点击有效<a id="PostComm