网页制作-1.ppt

第6章 网页制作及网站发布 新浪 WWW服务 1．WWW基本概念 WWW服务 1．WWW基本概念 5.4.1 WWW服务 1．WWW基本概念 WWW服务 1．WWW基本概念 HTML概念 HTML（HyperText Markup Language ）--超文本标记语言 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档(网页)。 HTML文档的编写方法 手工直接编写 记事本等文本编辑器，存成.htm 或.html格式 使用可视化HTML编辑器 Dreamweaver、 Frontpage等 由Web 服务器（ 或称HTTP服务器） 实时动态地生成。 网页文件命名规则 扩展名为.htm或.html 文件名中无空格 无特殊符号（例如符号），只可以有下划线_、英文或数字 不区分大小写 首页文件名默认为：index.htm 或 index.html default.htm或default.html 例1：（01.htm） html head title第一个网页/title /head body 这是我做的第一个网页 /body /html HTML 文件结构 HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML HTML标签 标签是HTML语言的基本组成部分。标签总是成对出现，每一对标签一般都有一个起始标签，也有一个结束标签。 标签要用一对尖括号括起来，并且结束标签总是在起始标签前加一个斜杠。 HTML标签属性 HTML标签可以有相关的属性； 属性以 属性关键字=“值”的形式出现； 每一个属性可以赋一定的属性值。 标签属性出现在标签的 内，和标签名之间有一个空格分隔； 属性值用“”引起来。 如：p align=“center”标签属性/p 例2：（02.htm） html head title第一个网页/title /head body p align=center这是我做的第一个网页/p /body /html 1.HTML基本结构的有关标签及其属性 1.HTML基本结构的有关标签及其属性 HEAD标签——1 head标签出现在文档的开头部分。 head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的其它标签有特殊重要的意义。 title title标签定义HTML文档的标题。 title与/title之间的内容将显示在浏览器窗口的标题栏。 HTML基本结构的有关标签及其属性 HEAD标签——2 meta标签 meta标签下面可以插入很多有用的标签属性。 如 meta name=keywords content=study,computer 用来标记搜索引擎在搜索页面时所取出的关键词 HTML基本结构的有关标签及其属性 HEAD标签——3 meta标签 meta name=author content=唐克 用来标记文档的作者 HTML基本结构的有关标签及其属性 HEAD标签——4 meta标签 meta http-equiv=Content-Type content=text/html; charset=gb2312 用来标记页面的解码方式 gb2312 gbk big5 utf-8 iso8859-1 HTML基本结构的有关标签及其属性 HEAD标签——5 meta标签 meta http-equiv=refresh content=5; URL=/ 用来自动刷新网页 练习（03.htm） 编写一个网页，要求3秒钟后自动跳转到中国石油大学首页。 body标签及其属性——1 body标签表明是HTML文档的主体部分。 在body与/body之间，通常都会有很多其它标签；这些标签及其属性是HTML文档的主体部分。 body标签及其属性——2 body标签中有下列属性： （1）bgcolor bgcolor属性标志HTML文档的背景颜色。 如：bgcolor=#CCFFCC。 例：04.htm HTML对颜色的控制 HTML使用16进制的RGB颜色值对颜色进行控制 即 #RRGGBB 00-FF（0-255） body标签及其属性——3 （2）background background属性标志HTML文档的背景图片。如：backgroun