Java第1讲(HTML语法及应用).pptVIP

查看如下代码： body form action=SaveData.aspx method=post fieldset legend用户信息/legend 用户名：input type=text /br / 密码：input type=password / /fieldset br / fieldset legend地址信息/legend 地址：input type=text /br / 邮编：input type=text / /fieldset /form /body 由图可以看出，fieldset 元素只是在控件组的周围创建边框，而 legend 元素为组创建名称。 提示：如果使用表格来格式化页面布局，可以把 table 元素放在 fieldset 元素里。如果要把 fieldset 元素放置于表格中实现布局，则只能出现在某个单元格即 td 元素中。 5.3.2. 不规则表格 td 元素可以附带colspan和rowspan属性，以创建不规则表格。 当我们创建复杂表格时，可能需要将多个单元格合并为一个单元格，以 创建不规则的表格。单元格的合并分为两种情况：横向合并多个单元格， 或者纵向合并多个单元格。 比如，我们查看如图所示表格： 由图可以看出，表格原有的网格结构被改变，第一行的后两个单元格被 合并为一个单元格（B单元格），而第一列的后两个单元格被合并为一个 单元格（C单元格）。 在HTML中，我们通过设置单元格的延伸跨越来实现单元格的合并。 colspan属性：允许单元格跨越多列，即在水平方向上延伸，实现水平方 向的单元格合并； rowspan属性：允许单元格跨越多行，即在垂直方向上延伸，实现垂直方 向上的单元格合并。 如果需要实现上图的表格结构，我们需要如下代码 body table width=90% border=1 tr tdA/td td colspan=2B/td /tr tr td rowspan=2C/td tdD/td tdE/td /tr tr tdF/td tdG/td /tr /table /body 由图可以看出，对于单元格跨越的每一个额外单元格，不需要再为其定 义一个单元格。比如，第一行中只需要两个 td 元素，是因为第三个 单元格被前一个单元格的colspan属性跨越列，因此不再需要额外定义； 而第三行中也只有两个 td 元素，是因为第三个单元格被前一个单元 格的rowspan属性跨越行，因此也不需要再额外定义。 5.3.3. 表格的嵌套 在网页制作过程中，尤其是设计复杂页面的布局时，常常会用到表格的 嵌套，即在一个表格的单元格中嵌套一个或者多个表格。 如果在表单元格 td 元素中再包含 table 元素，即意味着可以在单 元格中放置另外一个表，我们就称之为嵌套表。 比如，我们需要如图所示表格实现页面布局： 由图可以看出，“导航链接”、“最新消息”、“广告图片”这三个单元格和“最新推荐商品”、“热卖商品”这两个单元格的高度都各不相同，因此不可能使用单元格的跨行来实现（同一行的单元格的高度必须相同）。因此，需要在单元格中嵌套一个表格来实现。 实现图的表格效果的代码如下： body table width=90% border=1 align=center tr td colspan=2 height=50 bgcolor=#e8e9ea页面标题及logo/td /tr tr td height=150导航链接/td td rowspan=3 height=200 table border=1 width=100% tr td height=100最新推荐商品/td /tr tr td height=10