html标签(2)--有序列表与无序列表

有一些内容形式，用div来实现非常麻烦，也不适合

例如一些表格形式

无序列表

ul 代表列表

li 代表列表中的项

list-style 控制列表的样式

有序列表

ol 代表列表

li 代表列表中的项

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

* {
   margin:0ox;
   border:0px;
   padding:0px;
}

ul {
list-style:none;
}

li {
   float:left;
   background:gray;
   padding:5px;
   margin:5px;
}

</style>

</head>

<body>
   <div>
       <ul>
           <li>梅</li>
           <li>兰</li>
           <li>竹</li>
           <li>菊</li>
       </ul> /*无序列表*/

       <ol>
           <li>刘备</li>
           <li>关羽</li>
           <li>张飞</li>
           <li>赵云</li>
       </ol> /*有序列表*/

       <p>用无序列表做导航</p>
       <div>
           <ul>
               <li><a href="#">首页</a></li>
               <li><a href="#">业务介绍</a></li>
               <li><a href="#">联系我们</a></li>
               <li><a href="#">留言</a></li>
           </ul>
       </div>


   </div>


</body>
</html>

/**
燕十八公益PHP培训
课堂地址:YY频道88354001
学习社区:www.zixue.it
**/

转载于:https://www.cnblogs.com/atubaibai/archive/2013/03/20/2971319.html

html标签(2)--有序列表与无序列表相关推荐

html的基本操作和基本标签：标题，有序列表和无序列表等
本文介绍了,一些html的基本操作和基本标签:标题,有序列表和无序列表,段落,超链接,下划线 ,粗体 ,斜体等等,当然其中还介绍了每个标签的相应属性.在使用每个标签时,都会有注释解释,方便理解. HT ...
有序列表和无序列表的不同类型
大家可曾想过有序列表和无序列表除了默认类型,是否还有其它的类型呢? 虽然不常用,但也做了一篇总结给大家做参考. 无序列表 UL (unorder list的缩写) 定义:无序列表是一个项目的列表,此列 ...
有序列表跟无序列表的嵌套
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8&q ...
有序列表、无序列表、定义列表
有序列表.无序列表.定义列表三种列表标签和语义标签语义 <u1></u1> 无序列表 <o1></o1> 有序列表 <d1></ ...
draft.js_如何使用快捷方式在Draft.js中创建有序列表和无序列表
draft.js by Andrey Semin 通过安德烈·塞米(Andrey Semin) 如何使用快捷方式在Draft.js中创建有序列表和无序列表 (How to create ordered ...
有序列表、无序列表、自定义列表
有序列表.无序列表.自定义列表 1.有序列表 <ol type="A" start="3"><li>有 ...
HTML标签的基本使用：无序列表、有序列表、定义列表
无序列表.有序列表.定义列表列表是由一组标签组成一.无序列表没有顺序的列表结构由ul和li标签组成 ul:unordered list(无序列表) li:list item(列表项) < ...
HTML 列表标签、有序列表、无序列表、自定义列表dl dt dd
文章目录有序列表无序列表自定义列表(重点) 总结有序列表有序列表即为有排列顺序的列表,其各个列表项会按照-定的顺序排列定义. 在HTML标签中, 标签用于定义有序列表,列表排序以数字来显示, ...
HTML的有序列表和无序列表
HTML的列表是将内容按照一定的顺序显示在页面中,当然有的时候内容前面有编号,有的时候内容前面没有编号,有编号的称为有序列表,无编号的称为无序列表,分别由标签<ol></ol> ...

html标签(2)--有序列表与无序列表

html标签(2)--有序列表与无序列表相关推荐

最新文章

热门文章