4.表格的跨行跨列（重点，重点！！！）
如何跨列
学生成绩
语文
98
数学
95
其中，colspan属性表示跨多少列
该行其他单元格的内容就省略不写了
rowspan属性表示跨多少行
5.表格高级标签
表格标题：
表头：
页眉：
数据主体：
页脚：
6.表格布局
如何实现图文布局？
实现步骤：
01.确定行列数：5行2列
02,写出5行2列表格
03，确定跨行跨列的单元格：
1行1列单元格跨2列
2行1列单元格跨4行
04.增加rowspan和colspan删除多余单元格、
大学要求老师开网店
安全锤网上大热销
……
7.如何实现表单布局？
使用表格进行布局对显示数据有什么要求？实现思路是什么？
使用场合：数据显示要求为规整，符合表格布局的特点
布局的实现思路：
01，需要几行几列的表格？
02，那些单元格有跨行或跨列？
03，编写表格代码实现
注意：1，同列单元格宽度由该列宽度最大的单元格决定
2，同行单元格宽度由该行高度最高的单元格决定
8. 嵌套布局
嵌套表格布局的缺点：
01，代码量大
02，层次结构也相对复杂
03，不利于Google等搜索引擎搜索查找数据
9.表格布局适用场合：
01，规则的数据显示
02，表单页面
提示：表格布局不适合不规则的复杂页面，这种场合
需使用DIV+CSS布局
框架
1、为什么使用框架？
框架的两类用途：
01.显示多窗口页面--使用 框架集
02.页面复用--使用/>内嵌框架
二、框架文件的特点
多个页面文件组成
主文件（index.html）：
01.top.html 02.left.html 03.right.html
三、框架的基本结构
创建框架网页的步骤：
01.创建各子窗口对应的HTML文件
02.创建整个框架页面文件，引用子窗口文件
框架页面基本语法：
其中，cols将窗口分隔成左中右3个部分
rows将窗口分隔成上下2个部分
border表示边框尺寸大小
纵向分隔窗口
如浏览器不支持框架，才显示body内的内容
注意：01.框架和body不能共存
02.为了兼容性，可以使用 标签
横向分隔窗口：
框架实现多窗口页面：
典型的2行2列结构
noresize="noresize" />
noresize="noresize" />
如何实现窗口间的关联：
01.设置窗口名(框架主页)
02.设置的target属性(窗口子页面)
走一个
设置链接在右窗口中打开
target的其他用法：
在新窗口中显示：_blank
在自身窗口中显示：_self
在上级窗口显示：_top
在父窗口显示：_parent
三、为什么用/>
01. 需要使用多个文件，目录结构复杂
02.内嵌较为灵活，可以在网页的任何位置使用
03.可以作为模板，在本网站的多个页面复用
iframe基本用法
src="引用页面地址" name="框架标识名"
frameborder="边框" scrolling="no">
注意点：和 不同，iframe放在 标签内
常用属性
如何设置在内嵌窗口显示
下边显示第三页
name="mainFrame" width="800px" height="150px"
scrolling="yes" noresize="noresize"
src="subframe/the_second.html"/>
Css样式表（一）
1,为什么使用CSS样式表？
CSS全称(Cascading Style Sheets)层叠样式表
样式表能实现内容与样式分离，方便团队开发 样式复用，方便网站的后期维护 页面的精确控制，实现精美、复杂页面说明：CSS是用来美化页面用的，可以对页面元素进行更精细的设置，样式主要描述元素的字体颜色、背景颜色，边框等。
2，CSS的用途
外观美化 布局、定位CSS基本语法：
选择器(即修饰对象){
对象的属性1：属性值1；
对象的属性2：属性值2;
}
例子：
Li
{
Color:red;
Font-size:30px;
Font-family:隶书;
}
3.选择器的分类
选择器分为：标签选择器、类选择器、ID选择器(重点)
标签选择器
Li{
Color:red;
Font-size:28px;
Font-family:隶书;
}
作用：用于修饰同类HTML标签的共同风格
类选择器
.blue{color:blue;}
……
……
家用电器
各类书籍
手机数码
日用百货
注意：类名有点号
ID选择器
#menu{
width:200px; background:#ccc;
font:bold 14px 宋体;
}
… …
家用电器
……
查看更多关于功能强大的HTML_html/css_WEB-ITnose的详细内容...