HTML教程
课程内容
第1章HTML简介 (3)
1.1 什么是HTML (3)
1.2 为什么学习HTML (3)
1.3 HTML的发展史 (4)
第2章第一个HTML文档 (4)
2.1 HTML结构 (4)
2.2 我的第一个网页 (5)
第3章HTML元素 (5)
3.1 HTML标签 (5)
热辣辣 庞龙vs迟云
3.2 标签属性 (6)
练习： (6)
第4章使用Dreamweaver Mx开发网页 (7)
第5章HTML基本标签 (7)
5.1 段落 (7)
5.2 标题元素 (8)
5.3 换行 (8)
5.4 水平线 (8)
5.5 HTML中的注释 (9)
5.6 嵌入元素 (9)
练习： (9)
第6章HTML格式化标签 (10)
6.1 HTML的<font>标签 (10)
6.2 格式化文字： (11)
6.3 删除和插入文字： (12)
6.4 预格式化文本 (12)
6.5 其他参考： (13)
6.5.1 “计算机输出”标签： (13)
6.5.2 地址： (14)
6.5.3 缩写和首字母缩略法： (14)
6.5.4 文字方向： (14)
6.5.5 块引用： (15)
第7章HTML链接 (15)
淘汰 陈奕迅7.1 连接 (15)
7.2 锚标签和href属性 (16)
金靖身高7.3 邮件链接： (17)
7.4 target属性 (18)
陈德修练习： (18)
第8章HTML表格 (18)
www.17jzw www.17bzw www.17jzw www.17jzw 8.1
表格头使用<th>标签指定.................................................................................19 8.2
有标题的表格：.................................................................................................19 8.3
美化表格.............................................................................................................20 8.4
frame 属性...........................................................................................................20 练习：.............................................................................................................................23 第9章 HTML 列表.. (23)
9.1
无序列表.............................................................................................................23 9.2
有序列表.............................................................................................................24 9.3 自定义列表.........................................................................................................24 练习：.............................................................................................................................25 第10章
HTML 图像.................................................................................................................25 10.1
alt 属性.................................................................................................................25 10.2
对齐图像：.....................................................................................................25 10.3
图像导航：.....................................................................................................26 10.4
图像地图：.....................................................................................................27 练习：.............................................................................................................................27 第11章
颜表示.....................................................................................................................27 第12章
HTML 特殊字符/实体................................................................................................28 第13章
HTML 表单.................................................................................................................29 第14章 HTML 框架.................................................................................................................32 14.1
drenched 歌词垂直分栏：.....................................................................................................32 14.2
水平分栏：.....................................................................................................32 14.3
混合框架：.....................................................................................................33 14.4
导航框架.........................................................................................................33 14.5
<noframes>标签：.............................................................................................33 练习：.............................................................................................................................34 14.6
内嵌框架.........................................................................................................34 第15章
HTML 样式................................................................................................................34 15.1
内部样式表.....................................................................................................35 15.2
行内样式.........................................................................................................35 15.3
连接外部样式表.............................................................................................35 15.4 样式标签.........................................................................................................36 第16章
HTML 文件头............................................................................................................36 例1：给所有连接添加一个目标..................................................................................36 例2：背景音乐..............................................................................................................37 16.1
37 16.1.1
name 属性........................................................................................................37 16.1.2
http-equiv 属性................................................................................................38 第17章
HTML 脚本................................................................................................................40 第18章
HTML4.0 事件属性..................................................................................................41 第19章 HTML 属性. (42)
Created by YYM Page 2 of 42
标准资料收藏家www.17bzw 易启标准网免费提供十万标准书籍资料下载
参考信息
www.w3schools/
wwwvtm/w3/
相关技术手册
sky/imagesnew/software/html/index.html
微软提供的在线帮助
msdn.microsoft/library/chs/default.asp?url=/library/CHS/vbcon/html/vblrf HTMLDivControls.asp
第1章 HTML简介
1.1什么是HTML
9HTML文件是一个包含标记的文本文件。
9浏览器：HTML的翻译显示工具。
9浏览器的显示控制：Internet属性。
1.2为什么学习HTML
9Web开发的基本技术
9是JSP页面的组成部分
www.17jzw www.17bzw www.17jzw www.17jzw
1.3 HTML 的发展史
9 1978到1986年间,ANSI 等组织制定了SGML （Standard Generalized Markup
Language ）语言标准
9 1990,Tim Berners-Lee HTML
9 1996年，著名的Netscape 浏览器在其2.0版中增加了对JavaApplets 和
浪子的心
JavaScript 的支持；
Microsoft 为IE 3.0设计了另一种后来也声名显赫的脚本语言--VBScript
语言
9 1996年底，W3C 提出了CSS （Cascading Style Sheets ）的建议标准 9 1996年的Netscape 2.0成功地引入了对QuickTime 插件的支持
9 1996年，IE 3.0正式支持在HTML 页面中插入ActiveX 控件的功能
9 1996年，W3C 在SGML 语言的基础上，提出了XML （Extensible Markup
Language ）语言草案。
9 1997年的Netscape 4.0不但支持CSS ，而且增加了许多Netscape 公司自定义
的动态HTML 标记
9 1997年，Microsoft 发布了IE 4.0，并将动态HTML 标记、CSS 和动态对象
模型（DHTML Object Model ）发展成了一套完整、实用、高效的客户端开发9 1998年，W3C 正式发布了XML 1.0标准
9 1999年，W3C 制定出了XSLT 标准。同一年，IE 5.0增加了对XML 和XSLT
的支持。
9 2000年1月26日XHTML1.0成为W3C 的推荐标准之一
9 2001年W3C 发布的SVG （Scalable Vector Graphics ）1.0标准就是一种用XML
语言表达的、全新的二维矢量图形格式
参考文档：《Web 开发技术发展史话.doc 》
第2章 第一个HTML 文档
2.1 HTML 结构 9 HTML 标签是大小写无关的,W3C 在他们的HTML4建议中提倡使用小写标
签，XHTML （下一代HTML ）要求标签用小写。
9 HTML 文件的所有内容都应该包含在<html>标记中
9 HTML 语言在结构上分为两部分，即头部和主体。
头部描述浏览器所需要的一些信息，如文件编码、标题等。
主体则包含了文件的主体内容
9 HTML 文件必须有htm 或者html 扩展名。
Created by YYM Page 4 of 42
标准资料收藏家www.17bzw 易启标准网免费提供十万标准书籍资料下载
9HTML文件可以用一个简单的文本编辑器创建。
2.2我的第一个网页
________________________________________
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
________________________________________
例子解释
z<html>这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>，这个标签告诉浏览器这是HTML文档的终止。
z在<head>和</head>标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。
z在<title>和</title>标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。
z在<body>和</body>标签之间的文本是正文，会被显示在浏览器中。
z在<b>和</b>标签之间的文本会以加粗字体显示。
注意：
浏览器的缓存功能，可用使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。
第3章 HTML元素
9HTML文档是由HTML元素组成的文本文件。
9HTML元素是预定义的正在使用的HTML标签。
3.1HTML标签
9HTML标签两端有两个括号字符：“<”和“>”，这两个括号字符被称为角括号。
9HTML标签通常成对出现，比如<b>和</b>。一对标签的前面一个是开始标
www.17jzw www.17bzw www.17jzw www.17jzw
签，第二个是结束标签，在开始和结束标签之间的文本是元素内容。
9 单独使用的标签不需要与之配对的结束标签，又称为空标签，例如<br>。
W3C 在他们的HTML4建议中提倡在空标签后面加上反斜杠以明确表明这是空标签，例如<br />.
3.2 标签属性
9 标签可以拥有属性。
9 属性进一步说明了该元素的显示或使用特性。
9 属性通常由属性名和值成对出现，属性值部分可以用英文的双引号或单引号
引起来，也可以不使用任何引号。例如<body text=”red”>。
9 有的属性只有两种含义，存在表示使用，不存在表示不使用。例如复选框的
checked 属性，<input type='checkbox' checked> Apple
9 属性值本身包含引号时，使用另一种引号做定界符。例如：<input
type="button" value='click this,you will get "apple"!' >
9 一个标签元素需要同时设置几个属性时，属性之间用空格分开，不区分先后
顺序。
9 HTML 属性名和值大小写不明感，。 练习：
题目：设计一个网页，页面内容为 “I can designe HTML page!”，背景为黑，字体颜为白。
提示：页面的背景由body 标签中的bgcolor 属性控制，页面文本颜由text 属性控制。在HTML 中，描述红和蓝的属性值为red ，blue 。 Created by YYM Page 6 of 42
标准资料收藏家www.17bzw 易启标准网免费提供十万标准书籍资料下载
发布评论