仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 876|回复: 8
打印 上一主题 下一主题

[HTML5] html教程之HTML教程:有序列表

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。原文:http://andymao.com/andy/post/103.html
上一节:无序列表
信息偶然候是无序归结的,有的却有着明白的按次,在上一篇也提到了。那末复杂的来想一下身旁有哪些事物是有前后按次的:操纵步骤、排行榜、书目次……之前我们面临这些有着按次或是无数字说明排序的内容时年夜多是在数据前自行加上一个数值,或是由程序加上这个数值。而假如利用有序列表则不必要这么贫苦,基本不必自行往填写序数,当单层列表的时分这类特征仿佛其实不分明,而当利用多层的时分其特征就很分明了。那末仍是先来懂得一下有序列表的代码情势:
<ol>
<li>这就是列表的内容了,这是第一句</li>
<li>这就是列表的内容了,这是第二句</li>
<li>这就是列表的内容了,这是第三句</li>
<li>这就是列表的内容了,这是第四句</li>
<li>这就是列表的内容了,这是第五句</li>
</ol>
人人看到了其本情势与无序列表的一样,只是在核心标签上称号分歧。无序是UL,有序就酿成OL了。所分歧的是有序列表将会有比无序更多的标签属性。由于是有序的就会触及按次的各个方面。
改动入手下手值
一般情形下扫瞄器会从阿拉伯数字“1”入手下手主动有序编号。而事有特别,当有序列表必要酿成两个部分,那末下一部人重新入手下手编号天然就是不合错误的了。那末下一部分的编号天然是要依据上一段最初一个编号加1为入手下手号。这就是说我们必要改动列表的入手下手值。改动入手下手值的属性是:"start",正式的写法是:
<olstart="6">
<li>这就是列表的内容了,这是第一句</li>
<li>这就是列表的内容了,这是第二句</li>
<li>这就是列表的内容了,这是第三句</li>
<li>这就是列表的内容了,这是第四句</li>
<li>这就是列表的内容了,这是第五句</li>
</ol>
人人注重到了,下面这段代码是说列表的入手下手值是从6入手下手的,那末如今能够试着在一段有序列表中到场这一属性看看是不是产生了变更?
改动编号范例
扫瞄器中默许一样平常都是阿拉伯数字为列表编号,那末是不是能够有其余范例呢?有,属性为“type”,不外供应的范例未几,只要五种:
范例值天生款式序枚举例A年夜写字母A、B、C、D、Ea小写字母a、b、c、c、eI年夜写罗马数字I、II、III、IV、Vi小写罗马数字i、ii、iii、iv、v1阿拉伯数字1、2、3、4、5
在代码中的写法应当是:
<oltype="A">
<li>这就是列表的内容了,这是第一句</li>
<li>这就是列表的内容了,这是第二句</li>
<li>这就是列表的内容了,这是第三句</li>
<li>这就是列表的内容了,这是第四句</li>
<li>这就是列表的内容了,这是第五句</li>
</ol>
我以为这个范例值人人仍是罕用为好,由于用CSS一样能够设置这个范例。我一直主意款式方面的事应由款式言语来做。那末除非特别缘故原由,这个属性仍是不必为好。固然不管是CSS1仍是CSS2基础上都没思索中国,在CSS2中已为供应了日文编号字符,但是还没有中文。我以为在这点上CSS2仍是有着缺点的,最少他没有供应更好的扩大情势。固然他没供应,可是我们一样能够用我们本人的情势往完成多样化。怎样做呢?请人人先思索,前面有关于列表的款式内容将会报告我是怎样处置的。
</p>
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。
小女巫 该用户已被删除
沙发
发表于 2015-1-17 22:57:54 | 只看该作者
直接用代码建立链接,如:可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-24 10:37:31 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
因胸联盟 该用户已被删除
地板
发表于 2015-2-1 09:48:29 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
小魔女 该用户已被删除
5#
发表于 2015-2-7 04:13:50 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
若相依 该用户已被删除
6#
发表于 2015-2-20 16:46:12 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
柔情似水 该用户已被删除
7#
发表于 2015-3-6 18:48:21 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
谁可相欹 该用户已被删除
8#
发表于 2015-3-13 07:10:42 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
深爱那片海 该用户已被删除
9#
 楼主| 发表于 2015-3-20 16:45:57 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表