一、表格标签
为什么使用表格:简单通用,结构稳定
特点:通常情况下,同行的高度一致、同列的宽度一致
1. 表格的对齐方式。
默认对齐,居中对齐,左对齐,右对齐。
align : left|right|center
2.cellpadding: 单元格内容和单元格边框之间的距离。
cellspacing: 各单元格之间的距离
3. 跨行跨列
rowspan colspan 属性表示跨了多少行|列。
该行|列其他单元格的内容就省略不写了
4. 语义化的表格:
<caption>标题内容</caption> -----表格标题
<thead>....</thead> ---------表头|页眉 (th也叫表头)
<tbody>....</tbody> ---------数据主体
<tfoot>....</tfoot> ---------页脚
表格数据的分组标签<thead>、<tbody>、<tfoot>配合使用,对报表数据进行逻辑分组
5. 使用场合
使用场合:数据显示要求较为规整,符合表格布局的特点
6.布局的实现思路(表单的布局):
需要几行几列的表格?
哪些单元格有跨行或跨列?
编写表格代码实现
二、框架:
使用框架结构实现多窗口页面
使用<iframe>内嵌复用页面
一、为什么使用框架
框架的两类用途:
1、显示多窗口页面---使用<frameset>框架集
2、页面复用—使用<iframe>内嵌框架
复用站外内容:引用Google搜索引擎、显示sohu新闻等
二、创建框架网页的步骤:
创建各子窗口对应的HTML文件
创建整个框架页面文件,引用子窗口文件
框架页面的基本语法
将窗口分割成左中右3个部分,可选
将窗口分割成上下2个部分,可选
边框尺寸大小
<frameset cols="25%,50%,*" rows ="50%,*" border="5">
<frame src="the_first.html "/>
…… 引用各窗口要显示的网页文件
</frameset>
注意:
1、框架和body不能共存
2、为了兼容性,可以使用<noframes>标签
例如:<noframes>
<body> 如浏览器不支持框架,才显示body内的内容 </body>
</noframes>
三、如何实现窗口的关联
1、设置窗口名(框架主页
例如:
……
<frameset rows="20%,*" frameborder="0">
......
<frame src="subframe/right.html" name="rightFrame">
......
</frameset>
……
2. 设置<a>的target属性(窗口子页面 )
……
<a href="buy.html" target="rightFrame">
……
target的其他用法
在新窗口中显示:_blank
在自身窗口中显示:_self
在上级窗口显示:_top
在父窗口显示:_parent
在指定的框架窗口显示:框架窗口名
四、为什么使用<iframe>
<frameset>需要使用多个文件,目录结构复杂
内嵌较为灵活,可以在网页的任何位置使用
可以作为模板,在本网站的多个页面复用
……
<body> -------------------------------和<frameset>不同,放在<body>标签内
<iframe src="引用页面地址" name="框架标识名"
frameborder="边框" scrolling="no"/>
</iframe>
<body>