Web程序设计精品教学课件：chapter-03.pptVIP

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 页面边距设置显示 3.2.3 设计正文颜色——text 基本语法 body text=”” /body 3.2.3 设计正文颜色——text 语法说明 在body标记中，利用text属性设置文档的颜色时，还可以进行其他的设置，例如：背景、字体等。 3.2.3 设计正文颜色——text 实例代码 3.2.3 设计正文颜色——text 正文颜色设置显示 课堂练习 1、html文件的头部标记是？ 2、设置页面关键字的基本语法是？ 3、如何设置页面过期时间？ Web程序设计——前端和后端开发 第 章 3 第3章 HTML文件的整体结构 3.1 文件头部内容 3.2 主体内容body 1．HTML头部文件和主体文件 例1-1 头部标记是成部标记是成对的head/head，主体标记是成对的body/ body html head title设置页面边距/title /head body 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.1 设置页面标题title 基本语法 html head title 请在此输入标题名/title /head body /body /html 3.1.1 设置页面标题title 语法说明 在网页中设置网页的标题，只要在HTML文件的头部文件的title/title中输入标题信息就可以在浏览器的上显示 3.1.1 设置页面标题title 实例代码 ! 实例3-1-1代码 html head title嘿嘿，大家努力吧/title /head body 请看标题栏! /body /html 此行代码用于插入HTML显示的标题 3.1.1 设置页面标题title 网页效果 3.1.2 设置基底网址base 基本语法 html head base href=”文件路径” target=“目标窗口” /head body /body /html 3.1.2 设置基底网址base 语法说明 href用于设置网页文件链接的地址，target用于设置页面显示的目标窗口。 3.1.2 设置基底网址base 实例代码 ! 实例3-1-2代码 html head base href= target=_self /head body 2007年1月16日，电子工业出版社a href=index博文视点/a公司召开了“博文视点三周年庆典暨颁奖晚会”。 刚刚过去的2006年对博文视点的发展来说是意义非凡的一年，在市场不断变化，道路并不平坦的一年中，博文视点能够稳住军心，坚持自己的出版方向，逐渐成为IT出版界的旗舰级机构。 /body /html 此行代码表示：当网页代码运行后，把鼠标放在设置好链接的“博文视点”上面，在状态栏上会显示“博文视点”链接的完整地址，并且在单击该链接后，网页会在当前窗口中被打开。 3.1.2设置基底网址base 网页效果 3.1.3设置基准文字basefont 基本语法 html head basefont face=”” size=”” co