简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html无序列表标签和有序列表标签使用示例

来源:易贤网   阅读:2077 次  日期:2014-05-09 14:19:27

温馨提示:易贤网小编为您整理了“html无序列表标签和有序列表标签使用示例”,方便广大网友查阅!

点评:这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下

一、上下层列表标签:<dl>..</dl>:

上层dt

下层dd:封装的内容会被自动缩进的效果

代码如下:

<dl>

<dt>运动户外</dt>

<dd>板鞋</dd>

<dd>篮球鞋</dd>

<dd>足球鞋</dd>

<dd>跑步鞋</dd>

</dl>

二、定义有序列表: <ol>

属性:

type: 可以设置排序的样式 (也可以给li单独加这个属性)

1表示以 1,2,3,4 来表示

a 表示以 a,b,c,d 来表示

A 表示以 A,B,C,D 来表示

i 表示以 i,ii ,iii 来表示

I 表示以 I,II,III来表示

start:列表起点

<li>:列表内容

复制代码代码如下:

<ol type="a" start="55">

<li>板鞋</li>

<li>篮球鞋</li>

<li>跑步鞋</li>

<li>足球鞋</li>

</ol>

三、定义无序列表:<ul>

属性:type:可以设置排序的样式 也可以给li单独加这个属性

dise 实心圆(默认值)

circle 空心圆

square 实心方块

<li>:列表内容

代码如下:

<ul type="square">

<li type="disc">板鞋</li>

<li>篮球鞋</li>

<li>跑步鞋</li>

<li>足球鞋</li>

</ul>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:通过disabled和readonly将input设置为只读效果
下一篇:HTML embed标签使用方法和属性详解
易贤网手机网站地址:html无序列表标签和有序列表标签使用示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!