第二章列表、表格与框架
一．列表的分类:
1.无序列表
2.有序列表
3.定义列表
|
类型 |
说明 |
项目符号 （type=””属性设置项目符号） |
|
无序列表 (unorder list) |
以<ul>声明无序列表 以<li></li>作为每个列表项的起始 </ul> |
Disc项目符号显示实体圆心（默认） Square项目符号显示为实体方心 Circle项目符号显示为空心圆 |
|
有序列表 (olorder list) |
以<ol>声明有序列表 以<li></li>作为每个列表项的起始 </ol> |
1使用数字作为项目符号（默认） A/a使用大小写字母作为项目符号 I/i使用大小定字母作为项目符号 |
|
定义列表 |
以<dl>声明定义列表 以<dt></dt>作为每个列表列项的起始 使用<dd></dd>定义内容 </dl> |
无项目符号或显示顺序 |
二.表格：
1.使用表格的好处:简单、结构稳定
2.表格的基本结构：单元格、行、列
3.表格的基本语法:
<table border=“边框的宽度”cellpading=“内边距”cellspacing=”外边距”>
<tr>在table里创建行标签，可以有多行。
<tdcolspan=“所跨的列数”></td>在行标签里创建单元格。
<td></td>在行标签里创建单元格。
</tr>
<tr>在table里创建行标签，可以有多行。
<tdrowspan=”所跨的行数”></td>在行标签里创建单元格。
<td></td>在行标签里创建单元格。
</tr>
</table>
|
属性 |
值 |
说明 |
|
align (水平对齐方式) |
left |
左对齐 |
|
center |
居中对齐 |
|
|
right |
右对齐 |
|
|
valign (垂直对齐方式) |
top |
顶端对齐 |
|
middle |
剧中对齐 |
|
|
bottom |
底线对齐 |
|
|
baseline |
基线对齐 |
三．<frameset>框架：
1.使用框架的好处：(1)在同一个浏览器窗口显示多个页面。 (2)可以实现页面复用。(3)实现典型的“目录结构”。
2.框架类型：（1）框架。 （2）内联框架。
<frameset cols（列）=“25%、50%、*” rows(行)=“50%、*” border=”5”>
<frame src=”sfsfsf.html”>
<frame src=”ytbsvx.html”>
</frameset>
|
属性 |
作用 |
举列 |
|
frameborder |
是否显示框架周围的边框 |
frameborder=”1” |
|
name |
框架标识名 |
name=”frame” |
|
scrolling |
是否显示滚动条 |
Scrolling=”no” |
|
noresize |
是否允许调整框架窗口大小 |
noresize=“noresize” |
3.设置超连接“target”目标窗口属性为希望显示的框架窗口名。
<span>
<a href=”right.html” target=”rightFrame”>
<img src=”images/reg.jpg” alt=”注册”/></a>
</span>
Target的属性取值：
|
属性值 |
含义 |
|
-blank |
在新窗口中打开连接 |
|
-self |
在链接所在页面的自身窗口中打开链接 |
|
框架窗口名 |
要指定的框架窗口中打开链接 |
|
-Parent |
在父框架集中打开链接，如果不是框架网页，则含义同“-self” |
|
-top |
在顶级窗口（即整个浏览器窗口）中打开链接 |
4.<iframe>内联框架
<html>
<head>
<title></title>
<body>
<iframe src=”subframe/theone.html”width=”400px”height=”236px”frameborder=”1” scrolling=”no”></iframe>
</body>
</html>