html之三

只要是关于表格的问题
1.首先确定是几行几列的表格
2.完成跨行或者跨列
3.填充内容
表格的高级用法
表头<caption></caption>
页眉<thead></thead>
页眉中：<th></th>居中 字体加黑
页眉属性：style中放入background：背景
主体：<tbody></tbody>
主体中放入：<tr><td></td></tr>
主体属性中也可以放入style
页脚<tfoot></tfoot>
页脚中放入：<tr><td></td></tr>
使用框架
显示多窗口页面 使用frameset框架集
页面复用使用iframe内嵌框架


frameset是不能写在body中。写在head中。
frameset和body是不能共存的。
只有浏览器不支持frameset时，才会显示body中的内容。
frameset分割页面：
1.横向用rows分割
2.纵向分割cols
3.横纵向分割 rows和cols一起使用


iframe内嵌页面
iframe标签是写在body中
frameborder边框
iframe实现页面导航
锁定窗口：
在iframe中写入name属性
在指定的超链接中，target中放入指定iframe的name


一个完整的动态页面有三部分组成
1.结构（html XHTML html5）
2.样式 css
3.行为：javascript/jqure


样式写法：
<style type="text/css">
p{
background:blue;
width:300px;
border:1px solid red;/*边框 粗细1px solid实线 red颜色*/
}
</style>


<script type="text/javascript">
页面加载完毕
页面加载完毕我们执行一个函数
window.onload=function（）{
获取要操作的对象 id
var id名=document.getElementById("title");
当鼠标经过时，我们就执行一个函数，
用来改变h1的外观和背景（css中需要写好第二套样式进行替换，样式名以.开始）
id.onmouseover=function(){
id.className="第二个样式的名称";
}
当鼠标离开，执行另一个函数，用来恢复标签的外观
id.onmouseout=function(){
id.className="";
}
}
</script>