02-HTML-列表-框架

来源：互联网发布：淘宝已购买的宝贝不见编辑：程序博客网时间：2024/05/06 08:56

1. 列表 list

1.1 无序列表 Unordered list

1) 格式

<ul type="value">
<li>列表项内容1</li>
<li>列表项内容2</li>
</ul>

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) 格式

2) 属性- type

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

3) 举例

参看上面例子

2. 框架frameset

1) 格式

2) 分类

cols : 按列分
rows : 按行分

3) 说明

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

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) 练习-导航框架

原理:
1. 按列分 30%,*
2. 左侧: <a href="url" target="framename"></a>

<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>

3. 内联框架 iframe

1) 说明

类似于 <frame>, 但无需与<frameset>联合使用

通常用于表单的无刷新提交