03 第3章 HTML文件的整体结构.pptVIP

3.2.1 设置页面背景——bgcolor 基本语法 body bgcolor=”” 语法说明 利用body标记中的bgcolor属性，可以设置网页的背景颜色。 3.2.1 设置页面背景——bgcolor 实例代码 3.2.1 设置页面背景——bgcolor 页面背景设置显示 3.2.2设置页面边距——topmargin、leftmargin、rightmargin、bottomnargin 基本语法 body topmargin=value leftmargin=value rightmargin=value bottomnargin=value 3.2.2设置页面边距——topmargin、leftmargin、rightmargin、bottomnargin 语法说明 通过设置topmargin/leftmargin/rightmargin/bottomnargin不同的属性值来设置显示内容与浏览器的距离： ? topmargin设置到顶端的距离 ? leftmargin设置到左边的距离 ? rightmargin设置到右边的距离 ? bottommargin设置到底边的距离。 3.2.2设置页面边距——topmargin、leftmargin、rightmargin、bottomnargin 实例代码 3.2.2设置页面边距——topmargin、leftmargin、rightmargin、bottomnargin 页面边距设置显示 所谓盒模型，就是把每个HTML元素看作一个装了东西的盒子，盒子里面的内容有属性“宽（width）”和“高（height）”；盒子里面的内容到盒子的边框之间的距离叫“填充（padding）”；盒子本身有“边框（border）”；而盒子边框外和其他盒子之间的距离叫“边界（margin）”。 height width padding-top padding-bottom padding-left padding-right border-top border-right border-left border-bottom margin-top margin-right margin-bottom margin-left 元素的总宽度= 左边界+左边框+左填充+宽+右填充+右边框+右边界 元素的高宽度= 上边界+上边框+上填充+高+下填充+下边框+下边界 3.2.3 设计正文颜色——text 基本语法 body text=”” /body 3.2.3 设计正文颜色——text 语法说明 在body标记中，利用text属性设置文档的颜色时，还可以进行其他的设置，例如：背景、字体等。 3.2.3 设计正文颜色——text 实例代码 3.2.3 设计正文颜色——text 正文颜色设置显示 课堂练习-设计表头信息及主体格式 lishao_begin.html 在 HTML 4.01 中，所有 body 元素的“呈现属性”均不被赞成使用。 * * 演示： 自动刷新的例子：网页代码详见TG4-Source文件夹中的用例。 向学员说明：网页中的其他代码是JavaScript，后续章节会讲解。 HTML/CSS/JavaScript 标准教程实例版（第3版） 第 章 3 本书编委会 编著 第3章 HTML文件的整体结构 3.1 文件头部内容 3.2 主体内容body HTML/CSS/JavaScript 标准教程实例版（第3版） 1．HTML头部文件和主体文件 例1-1 头部标记是成部标记是成对的head/head，主体标记是成对的body/ body html head title设置页面边距/title /head body topmargin=0 leftmargin=20 right margin=20 bottomnargin=180 nbsp;nbsp; 2007年1月16日，电子工业出版社博文视点公司召开了“博文视点三周年庆典暨颁奖晚会”。刚刚过去的2006年对博文视点的发展来说是意义非凡的一年，在市场不断变化，道路并不平坦的一年中，博文视点能够稳住军心，坚持自己的出版方向，逐渐成为IT出版界的旗舰级机构。 /body /html 头部文件 主体文件 返回 3.1 文件头部内容 3.1.1 设置页面标题title 3.1.2 设置基底网址base 3.1.3 设置基准文字basefont 3.1.4 定义元信息meta 3.1.5 设置页面关键字——keywords 3.1.6 设置页面过期时间——expires 3.1.7 设置CS