1.7 HTML列表_HTML视频教程

- 灬无言 - 阅 1,651

小小课堂网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>

以上就是小小课堂SEO自学网带来的《1.7 HTML列表_HTML视频教程》。感谢您的观看。SEO优化培训认准小小课堂!

非特殊说明,本文为小小课堂SEO自学网原创,欢迎转载并保留版权 https://www.xxkt.org/

本站提供SEO培训、咨询、诊断,微信(电话):13722793092 微信公众号:xxktorg

            

一条回应:“1.7 HTML列表_HTML视频教程”

  1. 马慧SEO说道:

    小小课堂SEO自学网(https://www.xxkt.org/ ),全网营销SEO概念提出者,提供SEO培训、全站优化诊断、顾问咨询为主的SEO服务。分享SEO实战经验,新站快速排名,单页面排名和三方平台推广等技术。电子书营销、论坛发帖推广、电子邮件营销、新媒体运营等网络营销教程。

发表评论

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

相关文章!