1. 列表 list

1.1 无序列表 Unordered list

1) 格式

列表项内容1

列表项内容2

2) 说明

无序: 是指标识每个列表项的符号是无序的

3) 属性- type

disc 实心圆 (默认)
square 实心方块
circle 空心圆

4) 举例

<head>
    <title>列表</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
</head>
<body>
    <br/>-----------列表- 无序 ul-li -------<br/>
    <ul>
        <li>列表项2</li>
        <li>列表项1</li>
        <li>列表项3</li>
    </ul>
    <ul type="disc">
        <li>列表项2</li>
    </ul>    
    <ul type="square">
        <li>列表项2</li>
    </ul>
    <ul type="circle">
        <li>列表项2</li>
    </ul>    
    <br/>-----------列表- 有序 ol-li -------<br/>
    <ol>
        <li>列表项2</li>
        <li>列表项1</li>
        <li>列表项3</li>
    </ol>
    <ol type="1">
        <li>列表项2</li>
        <li>列表项1</li>
        <li>列表项3</li>
    </ol> 
    <ol type="a">
        <li>列表项2</li>
        <li>列表项1</li>
        <li>列表项3</li>
    </ol>    
    <ol type="A" start="7">
        <li>列表项2</li>
        <li>列表项1</li>
        <li>列表项3</li>
    </ol>
</body>

1.2 有序列表 Ordered list

1) 格式

列表内容1

列表内容2

2) 属性- type

① A
② a
③ I
④ i
⑤ 1 (默认)

3) 举例

参看上面例子

2. 框架frameset

1) 格式

2) 分类

cols : 按列分
rows : 按行分

3) 说明

① 不能置于内
② noresize=”noresize” : 禁止改变frame的大小
③ border=”0px” : 取消边框
④ 可以嵌套使用
⑤ 框架间的空隙

4) 应用

参看 w3cSchool 框架的示例

5) 举例

<!--
<frameset 
    cols="30%,*">
    <frame name="a" src="a.html" />
    <frame name="b" src="b.html" />
</frameset>   
-->
<!-- 
<frameset 
    rows="30%,*">
    <frame name="a" src="a.html" noresize="noresize"/>
    <frame name="b" src="b.html" noresize="noresize"/>
</frameset>   
-->

6) 练习-导航框架

原理:

按列分 30%,*
左侧:

<frameset 
    cols="30%,*">
    <frame name="frameA" src="a.html" />
    <frame name="frameB" src="b.html" />
</frameset>
<a href="http:www.baidu.com" target="frameB">baidu</a><br/>
<a href="http:www.sina.com.cn" target="frameB">sina</a>