HTML列表知识有序列表无序列表定义列表
列表在HTML中是一个常用的操作,几乎很多网页都出现了列表来显示数据。今天我就在这里来分享下有序列表、无序列表和定义列表的相关知识。从定义到实例的一个总结和概况。
有序列表
(01)有序列表是ol标签和li标签的组合表示,<ol>表示有序列表的开始,</ol>表示有序列表的结束。这里为了说明有序列表的用法,将张三,王四,李五,马六用有序列表来表示出来。<html><head><title>列表控制</title></head><body><ol><li>张三</li><li>王四</li><li>李五</li><li>马六</li></ol></body></html>如下图可以看到执行的结果,前面自动天机了1234作为序号。
(02)很多时候我们想在HTML中使用ABCD或者其他的需要来作为有序列表的序号该怎么做呢?在HTML中提供了小写字母a来用小写字母表示列表的序号,大写字母A用大写字母来表示列表的序号,i小写罗马数字来表示序号和I这个大写的罗马数字来表示序号。可以看如下实例。可以看到如下图的代码和例子,用大写字母作为这个有序列表的序号,写法是type="A",执行结果是A、B、C、D的序号。
(03)对于有序列表来说,我们可能遇到一种情况是第二页接着第一页继续书写的,第二页的序号不从一开始的。对于这个情况我们该怎么设计呢?序号不从一开始的,HTML给ul提供了一个属性,他就是start属性,具体用法如下实例:(这个有序列表从10开始)<html><head><title>列表控制</title></head><body><ol type="1" start="10"><li>张三</li><li>王四</li><li>李五</li><li>马六</li></ol></body></html>可以看到这个有序列表是从10开始的,往下继续的一个序列号。
无序列表
(01)HTML中无序列表是用<ul>和<li>的组合控制标签,<ul></ul>控制了无序列表的开始和结束,<li>/li>控制了列表中的项。具体实例如下:<html><head><title>列表控制</title></head><body><ul><li>张三</li><li>王四</li><li>李五</li><li>马六</li></ul></body></html>从下图执行结果可以看出,无序列表默认的是圆心实点作为无序列表的标识。
(02)如果我么不想无序列表前面的标识是圆心的实点该怎么办呢?这里提供了disc 实心圆,circle空心圆,square实心方块这几种项目符号方便大家使用。具体实例如下:<html><head><title>列表控制</title></head><body><ul type="square"><li>张三</li><li>王四</li><li>李五</li><li>马六</li></ul></body></html>可以看到项目符号变成了实心的方块了。其实还有自定义的项目符文,这个我放在单独的一个经验中了。
定义序列
(01)定义列表是通过<dl><dt><dd>这三个组合标签来实现的,<dl></dl>表示定义序列的开始和结束,<dt></dt>表示这被解释的内容<dd></dd>对被解释内容的一个解释。<html><head><title>列表控制</title></head><body><dl><dt>考试科目</dt></dt><dd>语文</dd><dd>数学</dd><dd>英语</dd></dl></body></html>可以看到,被解释的是考试科目,解释内容为下面这三个科目。这其中用到了缩进来表示的。
特别提示
程序设计需要不断练习和学习
-
为什么qq老掉线/QQ自动掉线原因与解决方法
最近有朋友问为什么我的QQ老掉线,提示说和服务器连接失败,以前都没这种事的,也不知道是从什么时候开始就老爱掉线了,而且是时好时掉线的,根据网上的一番收集与调查,总结出了以下QQ自动掉线所导致的原因与解决方法,以下一起来看看怎么解决qq自动掉线的故障吧!QQ自动掉线...
-
回收站清空了还能恢复吗,怎么恢复找回文件
相信不少人都有隔段时间就会去删除回收站里面的东西,而有一种习惯的网友们应该不在少数,也正因为如此,有时在删除完后才想起还有些东西其实是用得着的,不过删除完了怎么把它们还原恢复呢,下面我来说下回收站清空了还能恢复吗,怎么恢复找回文件。操作方法(01)在删除了我...
-
淘宝双11活动攻略
大家都知道双十一都是有红包可以领取的,无论哪个网购平台基本都是有红包的,作为行业老大天猫自然是少不了红包,今天就主要给大家讲一下天猫双十一红包的具体玩法有哪些,希望能给大家带来帮助,毕竟红包关乎着大家的钱包。操作方法(01)超级红包玩法2019双11红包活动时间...
-
报名“天天特价”通过率高的技巧?
相信很多开网店的朋友都是知道天天特价的,因为报名天天特价,不能能引来很高的店铺流量,而且还能带起你店铺的成交,更能带动店内其他商品的成交,对于星级卖家店铺来说,这无疑是个巨大的诱惑和吸引力,正是因为这样,报名的商家更是成千上万,那么怎么样才能报名成功呢,下面小...