HTML 无序排列 有序排列 :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 第四讲代码汇总</title>
</head>
<!--
margin-left 对象左边外延边距 （margin-left:5px; 左边外延距离5px）
margin-right 对象右边外延边距 （margin-right:5px; 右边外延距离5px）
margin-top 对象上边外延边距 （margin-top:5px; 上边外延距离5px）
margin-bottom 对象下边外延边距 （margin-bottom:5px; 下边外延距离5px）
表示与周围边框的距离，如下0px所示，表示列表位于可视界面的最顶端，紧贴可视界面边框。
-->
<body style="margin-top :0px; margin-left :0px">
*****************************************************************************************************************************************
<h3>1.无序列表如下：</h3>
<!--<ul> 标签表示无序列表-->
<ul type = "disc">
<!--<li> 标签定义列表项，有序列表和无序列表中都使用 <li> 标签-->
<li> 传奇</li>
</ul>
<!--type元素定制列表元素，无序列表中disc表示圆点，circle表示圆圈，squars表示方块-->
<ul type = "circle">
<li> 传奇</li>
</ul>
<ul type = "square">
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ul>
*****************************************************************************************************************************************
<h3>2.有序列表如下：</h3>
<!--<ol> 标签表示有序列表-->
<ol type = "i">
<!--<li> 标签定义列表项，有序列表和无序列表中都使用 <li> 标签-->
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ol>
<!--type元素定制列表元素，有序列表中type属性值有a,A,i,I,1
a 表示以小写字母a,b,c,...排序
A表示以大写字母A,B,C,...排序
i表示以小写罗马数字i,ii,iii,iv,...排序
I表示以大写罗马数字I,II,III,...排序
1表示以阿拉伯数字1,2,3，...排序
-->
<!--start属性设定开始数目，以1,2,3，...表示，否则默认从1开始排序-->
<ol type = "I" start = "3">
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ol>
<ol type = "a">
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ol>
<ol type = "A">
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ol>
<ol type = "1">
<li> 传奇</li>
<li> 反恐精英</li>
<li> 三国</li>
<li> 生化危机</li>
</ol>
</body>
</html><html>
<head>
<meta htt
