《htmlcssjavascript表准教程》由会员分享，可在线阅读，更多相关《htmlcssjavascript表准教程（36页珍藏版）》请在金锄头文库上搜索。
1、实例版,第3章 HTML文件的整体结构,3.1 文件头部内容 3.2 主体内容,例1-1,1HTML头部文件和主体文件 例1-1 头部标记是成部标记是成对的，主体标记是成对的, 设置页面边距 2007年1月16日，电子工业出版社博文视点公司召开了“博文视点三周年庆典暨颁奖晚会”。刚刚过去的2006年对博文视点的发展来说是意义非凡的一年，在市场不断变化，道路并不平坦的一年中，博文视点能够稳住军心，坚持自己的出版方向，逐渐成为IT出版界的旗舰级机构。 ,头部文件,主体文件,返回,3.1 文件头部内容,3.1.1 设置页面标题3.1.2 设置基底网址3.1.3 设置基准文字
2、3.1.4 定义元信息3.1.5 设置页面关键字keywords3.1.6 设置页面过期时间expires,3.1.1 设置页面标题,基本语法, 请在此输入标题名,3.1.1 设置页面标题,语法说明,在网页中设置网页的标题，只要在HTML文件的头部文件的中输入标题信息就可以在浏览器的上显示,3.1.1 设置页面标题,实例代码, 请在此输入标题名 请看标题栏!,此行代码用于插入HTML显示的标题,3.1.1 设置页面标题,网页效果,3.1.2 设置基底网址,基本语法, ,3.1.2 设置基底网址,语法说明,href用于设置网页文件链接的地址，target用于设置页面显示的目标窗口。,3.1.2
3、设置基底网址,实例代码, 2007年1月16日，电子工业出版社博文视点公司召开了“博文视点三周年庆典暨颁奖晚会”。 刚刚过去的2006年对博文视点的发展来说是意义非凡的一年，在市场不断变化，道路并不平坦的一年中，博文视点能够稳住军心，坚持自己的出版方向，逐渐成为IT出版界的旗舰级机构。,此行代码表示：当网页代码运行后，把鼠标放在设置好链接的“博文视点”上面，在状态栏上会显示“博文视点”链接的完整地址，并且在单击该链接后，网页会在当前窗口中被打开。,3.1.2设置基底网址,网页效果,3.1.3设置基准文字,基本语法, ,3.1.3设置基准文字,语法说明, 标记用于设置网页中的文字； face属性
4、用于设置文字的名称，可以是宋体、隶 体、楷体等； size属性用于设置字号的大小； color用于设置字体的颜色。,3.1.3设置基准文字,实例代码, 2007年1月16日，电子工业出版社博文视点公司召开了“博文视点三周年庆典暨颁奖晚会”。 ,此行代码表示将网页中文字的字体设置为“宋体”，字号大小为“h2”，颜色为“#666666”（灰色）。,3.1.3设置基准文字,网页效果,3.1.4定义元信息,基本语法,3.1.4定义元信息,语法说明,标记中的http-equiv属性用于设置一个http的标题域，但确定值由content属性决定，name属性用于设置元信息出现的形式，content属性用于
5、设置元信息出现的内容。,3.1.4定义元信息,实例代码, ,此行代码表示：当给各项输入正确的属性值后，都会在网页中显示一定的效果。,3.1.5设置页面关键字keywords,基本语法,3.1.5设置页面关键字keywords,语法说明,Keywords用于说明定义的是关键字，value用于说明为该网页定义的关键字，可以是多个关键字。,3.1.5设置页面关键字keywords,实例代码, 设置文件关键字 ,此行代码表示在该HTML文件中，定义的关键字为“计算机、英语、经管、财会、职场”，当利用搜索引擎搜索图书时，输入任何一个关键字都可以搜索到该网页。,3.1.6设置页面过期时间expires,基
6、本语法,语法说明,expires用于设计页面过期时间，content属性设置具体过期时间值。,3.1.6设置页面过期时间expires,实例代码, 设置页面过期时间 ,Expires用于设置网页的过期时间，content给出了网页过期的具体时间值。,返回,3.2 主体内容,3.2.1 设置页面背景bgcolor3.2.2设置页面边距topmargin、leftmargin、rightmargin、bottomnargin3.2.3 设计正文颜色text,3.2.1 设置页面背景bgcolor,基本语法 语法说明利用标记中的bgcolor属性，可以设置网页的背景颜色。,3.2.1 设置页面背景b
7、gcolor,实例代码,3.2.1 设置页面背景bgcolor,页面背景设置显示,3.2.2设置页面边距topmargin、leftmargin、rightmargin、bottomnargin,基本语法 ,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,基本语法,3.2.3 设计正文颜色text,语法说明在标记中，利用text属性设置文档的颜色时，还可以进行其他的设置，例如：背景、字体等。,3.2.3 设计正文颜色text,实例代码,3.2.3 设计正文颜色text,正文颜色设置显示,
