《7html教程全.pptVIP

HTML HyperText Mark-up Language HTML概念 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文件称为HTML文件，也称Web文件。 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 HTML 文件结构 html.../html head.../head body.../body 标签：是HTML语言的基本部分。标签总是成对出现，每一对标签一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。标签的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML 文件结构(Document Structures) HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML 第一张网页（01.htm） html head title第一张网页/title /head body 欢迎光临我的主页！ /body /html 基本组成部分——HTML标签属性 HTML标签可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。标签属性出现在标签的 内，并且和标签名之间有一个空格分隔；属性值用 引起来。 第二张网页（02.htm） html head title第一张网页/title /head body p align=center欢迎光临我的主页!/p /body /html 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=“zhangsan 用来标记文档的作者。 HTML基本结构的有关标签和标签属性 HEAD标签——4 meta标签 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式。 HTML基本结构的有关标签和标签属性 HEAD标签——5 meta标签 meta http-equiv=“refresh” content=“5;URL=” 用来自动刷新网页 练习（03.htm） 编写一个网页，要求3秒钟后自动跳转到校网主页。 html head titlemy first page/title meta http-equiv=“refresh” content=“3;URL=” /head body p align=“center”三秒钟后本网页将自动跳转到华东理工大学首页/p /body /html body标签及标签属性——1 body标签表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。 body标签及标签属性——2 body标签中有下列标签属性： (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。 例：04.htm HTML对颜色的控制 HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 常见颜色的代码 body标签及标签属性——3 body标签中有下列标签属性： (2)background backgrou