网站设计与建设(20).ppt_第1页
网站设计与建设(20).ppt_第2页
网站设计与建设(20).ppt_第3页
网站设计与建设(20).ppt_第4页
网站设计与建设(20).ppt_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网 站 设 计 与 建 设 Website design and developments 第11章 HTML表格与页面结构 第三部分 网站设计技术 表在页面结构中的作用 n网页结构的布局手段：表、框架 n表格是网页的基石，可创建复杂有效页面结构 n表格能够完全控制页面及其元素 表与框架的比较 n表和框架都可以构造网页的布局结构 n表可以很容易地为页面加书签或添加到收藏夹， 框架组合页面则不可以。 n表布局结构在垂直或水平滚动时，页面所有内容 滚动；框架布局允许创建彼此独立的页面区域。 111 HTML表格的基本结构 学号 姓名 成绩 001 李明 85 002 王刚 91 003 张玲78 n、是表格中最常用的四个标记 n表格大小 属性值的x1和x2可以是绝对值也可以是相对值 n n标记来为表格增加标题。 通常情况下，标记位于 标记的后面。 n、可以对行与单元格的相关属性进行设置 不规则表格 n n n nCell 1 nCell 2 n n nCell 3 n n n n table border=“2“ Cell 1=“5“Cell 1 Cell 2=“3“ align=“center“Cell 2 Cell 3=“3“ align=“center“Cell 3 Cell 4Cell 4 Cell 5Cell 5 Cell 6Cell 6 Cell 7=“3“Cell 7 Cell 8=“3“Cell 8 112 HTML表格与页面布局 BORDER=“0“ Cell 1VALIGN=“middle“Cell 1 Cell 2VALIGN=“middle“Cell 2 Cell 3VALIGN=“middle“Cell 3 ncellpadding，是补白，是指单元格内文字 与边框的距离 ncellspacing，两个单元格之间的距离 单元格1 单 元 格 2 单元格3 单元格4 单元格5 单元格6 需要注意的问题 n无边界网页结构 表格的border属性值设置为0，从而使得表格的边界消失，但设计 时表格边框会显示成浅灰色边框。 n尺寸的定义方式 一般来说作为布局手段的表格，通常采用相对比例的方式确定表 格大小。 n图片的插入 如果某个图片本身比较大，最好将其进行切分，在图片显示位置 上放置多个单元格，然后将整个图片拼接在这些单元格中。这是 因为， n多表格页面布局 在使用表格进行网页布局时，最好不要把整个页面的内容都放在 一个表格中，应该用多个表格来分段显示整个网页的内容。这也 是因为浏览器要显示表格内容的时候，要把表格中的所有内容都 下载后再统一显示。 思考题： n11.1 表格中常用的标记有哪些？
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论