预览加载中，请您耐心等待几秒...

网页设计_第4章_表格、表单与框架.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共41页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第4章本章知识技能要点：4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用4.1表格的应用例4-3运行效果图4.1.4表格的标题标签<caption>标签<caption>可以定义表格的标题。表格标题的位置，可由其align属性和valign属性来设置，align属性设置标题位于文档的左，中，右。valign属性设置标题位于表格的上方或者表格的下方。下面为表格标题位置的设置格式。<captionalign="值"valign="值">表格标题</caption>4.1.5表格的嵌套及利用表格排版在HTML页面中，使用表格排版是通过嵌套来完成的，即一个表格内部可以嵌套另一个表格，用表格来排版页面的思路是：由总表格规划整体的结构，由嵌套的表格负责各个子栏目的排版，并插入到表格的相应位置，这样就可以使页面的各个部分有条不紊，互不冲突，看上去清晰整洁。在实际做网页时一般不显示边框,边框的显示可根据自己的爱好来设定。在本例中为了让大家能够看清楚，都设置了有边框。例4-5：<HTML><head><title>表格嵌套</title></head><bodybgcolor="#555555"text="#ffffff"><tablewidth="560"border="1"cellspacing="1"cellpadding="1"align="center"><tr><tdwidth="100"height="69">网站logo</td><tdcolspan="2"align="center">广告横幅banner</td></tr><tr><tdheight="330"><tablewidth="100"height="321"border="1"align="center"cellpadding="1"cellspacing="1"bgcolor=#992233><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><td>标题栏</td></tr><tr><tdheight="90"align="center"bgcolor=#668899>内容六</td></tr></table></td><tdwidth="275"><tablewidth="275"height="325"border="1"cellpadding="1"cellspacing="1"bgcolor=#229933><tr><tdwidth="263"align="center">内容一</td></tr><tr><tdalign="center">内容二</td></tr></table></td><tdwidth="163"><tablewidth="157"height="320"border="1"cellpadding="1"cellspacing="1"align="center"bgcolor=#995522><tr><tdwidth="136"height="94"align="center">内容三</td></tr><tr><tdheight="62"align="center">内容四</td></tr><tr><tdheight="160"align="center">内容五</td></tr></table></td></tr></table></body></HTML>例4-5运行效果图4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.2HTML表单4.3.1框架的定义和基本构成在浏览网页的时候，通常会遇到这样的一种导航结构。超级连接置于网页左边的区域，单击这些超级链接以后，链接的目标出现在右面的区域。或者超级链接在上边的区域，单击链接以后指向的目标页面出现在下面的区域。此时的这两个区域是相互独立的。假如浏览时拖动左边的滚动条不会影响右侧的显示效果。其实这就是页面中利用了框架技术，它可以把浏览器的显示空间分割为几个部分，每个部分都独立显示网页内容。把几个框架结合在一起构成框架集，能够让页面具有更为丰富的效果。定义框架页使用<frameset></frameset>标签。这时HTML页面的文档体标签<body>被框架集标签<frameset