1.7 HTML列表_HTML视频教程

- 灬无言 - 阅 1,220

小小课堂网HTML视频教程零基础入门首选。

下方为HTML视频教程,如视频不能正常播放,请安装flash或更换浏览器。请记得在视频右下角选择“超清”,然后点击“全屏”,效果更加。

1.7.1 有序列表

语法:<ol><li></li>….</ol>    ordered list

有序列表中各个列表项编号排列,有先后顺序,一般为数字或者字母作为顺序号。

如:<ol>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ol>

有序列表type属性  语法: <ol type=”序号类型”></ol>

Type类型分5类:

type 列表项目的序号类型
1 1、2、3、4、5…
a a、b、c、d、e…
A A、B、C、D、E…
i i、ii、iii、iv…
I I、II、III、IV…

如:<ol type=”a”>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ol>

有序列表属性:起始数值  语法:<ol  type=”类型”  start=”起始数值”>

默认情况下起始为1,起始数值为数字,不是字母之类的。

如:<ol type=”a” start=”2”>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ol>

有序列表顺序为降序 <ol  reversed>

HTML5标签,目前只有Chrome和Safari6支持reversed属性。

在XHTML中必须定义为 <ol reversed=” reversed”>。

如:<ol reversed=” reversed”>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ol>

1.7.2 无序列表

无序列表ul  <ul><li></li></ul>  unordered list

列表的排列没有顺序,只以符号作为分项标识。

如:<ul>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ul>

无序列表的属性:类型 <ul type=”符号类型”></ul>不赞成使用,请使用样式取代它。

符号类型:Disc、circle、square 即分别为实心圆、空心圆、空心正方形

如:<ul type=”circle”>

<li>房子</li>

<li>宠物</li>

<li>家具</li>

<li>玩具</li>

</ul>

目录列表dir  <dir><li></li></dir>

用法和作用与无序列表相同,可通过无序列表实现,故不再讲解。

菜单列表memu  <memu><li></li></memu>

HTML4.01中已弃用<memu>标签 所有浏览器均不支持

HTML5中重新定义<memu>标签

用法和作用与无序列表相同,可通过无序列表实现,故不再讲解。    

定义列表dl  <dl><dt><dd></dd><dt></dl>

定义列表由两部分组成:定义条件和定义描述。

<dl>定义列表  definition list

<dt>用来指定需要解释的名词  definition term

<dd>具体的解释 definition description

如:<dl>

<dt>小小课堂(xiaoxiaoketang.com)</dt>

<dd>小小课堂(xiaoxiaoketang.com)一个发布教程的网站。<dd>

</dl>

图文不够清楚?请观看HTML视频教程

扫描二维码关注“小小课堂网”

第一时间获取最新教程

二维码

13

本文转载 " https://www.xxkt.org/1280 "

原文地址 " 小小课堂网原创教程。未经许可,禁止转载。否则,将追究法律责任! "

相关文章!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

error: Content is protected !!