【CSS.DIV】HTMLli标签

一、实例：

<html>
<body>
<ol><li>打开冰箱门</li><li>把大象放进去</li><li>关上冰箱门</li>
</ol><ul><li>雪碧</li><li>可乐</li><li>凉茶</li>
</ul>
</body>
</html>

二、定义和用法：

1.（li）标签定义列表项目
2.标签可用在有序列表（ol）和无序列表（ul）中

小栗子

<html>
<head>
<title>流行的Tab菜单</title>
<link href="8-9.css" type="text/css" rel="stylesheet">
<style type="text/css"><!--
#leftpic{width:160px;float:left;padding-right:15px;
}
#leftpic a:link, #leftpic a:visited{color:#006eb3;text-decoration:none;
}
#leftpic a:hover{color:#000000;text-decoration:underline;
}
img{border:1px solid #0066b0;margin-bottom:5px;
}
ul#list{list-style-type:none;margin:0px;padding:5px 0px 5px 2px;
}
ul#list li{line-height:18px;
}
ul#list li a:link{color:#000000;text-decoration:none;
}
ul#list li a:visited{color:#333333;text-decoration:none;
}
ul#list li a:hover{color:#006eb3;text-decoration:underline;
}
-->
</style></head>
<body id="home">
<ul id="tabnav"><li class="home"><a href="8-9_home.html">首页</a></li><li class="news"><a href="8-9_news.html">新闻</a></li><li class="sports"><a href="8-9_sports.html">体育</a></li><li class="music"><a href="8-9_music.html">音乐</a></li><li class="nextstation"><a href="8-9_nextstation.html">下一站</a></li><li class="blog"><a href="8-9_blog.html">博客</a></li>
</ul>
<div id="content"><span id="leftpic"><a href="#"><img src="pic1.jpg"><br><center>追忆往事，展望未来</center></a></span><ul id="list"><li><a href="#">[首页] 追忆往事，展望未来。新年寄语</a></li><li><a href="#">[新闻] 每年五一、十一长假，很多人不愿出门</a></li><li><a href="#">[新闻] 清华大学电子系研制成功新一代...</a></li><li><a href="#">[体育] 奥运火炬接力火热进行</a></li><li><a href="#">[音乐] 网民调查，你最喜欢的音乐类型</a></li><li><a href="#">[博客] 自由博客新版正式发布，网友...</a></li></ul>
</div>
</body>
</html>

【CSS.DIV】HTMLli标签相关推荐

转载--让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范
转载--让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范让搜索引擎优化(SEO)更有效 CSS+DIV标签命名规范搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤 ...
css div下第一个span,CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
html的css样式第四个标签,网页制作中css+div定义标签样式的4种基本用法
第一类:内联样式内联样式是写在标签里面的样式,它可以给单独的标签使用特别的样式. 例如: 这是内联样式这是内联样式那么如果要给多个标签加上相同的样式,使用下面的内部样式,是比较简便快速的方法. ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...
Div span 标签详解
<div>(divsion)简单而言是一个取款容器标记,也就是说<div></div>之间是一个容器,可以容纳段落,标题,表格,图片,章节,摘要和备注等各种HTML ...
html css 基础（标签选择，分页，行和块元素）
(1)html标签选择 1.<a></a> 的功能有连接,下载,锚点 2.<span></span> 用来区分字体样式,<strong>&l ...
应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt
<利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...
css div撑满窗口高度_如何使用CSS将div的高度设置为窗口的100％？
css div撑满窗口高度 Introduction: 介绍: Hello there developers! Well, certainly if you are reading this arti ...
CSS+DIV：理论实战缺一不可
[前言] 尝到之前拖沓的痛苦后,决定洗心革面!于是乎在学完js后就马不停蹄的奔入CSS的世界,与自己期待一样,CSS世界也同样精彩,在CSS学习过程中又逐渐完善自己知识体系中前台开发的这块儿. [你不 ...
CSS 中 a 标签为什么不能继承父类的颜色？
CSS 中 a 标签为什么不能继承父类的颜色? 嗯,我知道在这么好的环境下,问这么Low的问题太der,但是不弄明白心里痒痒,只能出此下策. 问题是这样的: HTML: <div>< ...

【CSS.DIV】HTMLli标签

【CSS.DIV】HTMLli标签相关推荐

最新文章

热门文章