网设计 第4章 表格表单与框架.pptxVIP

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