第二章 HTML基础
本章要点
HTML代码的结构
HTML网页的构成
目录:
2.1 HTML代码的结构
2.2 HTML网页的构成
2.3 HTML网页的浏览与测试
2.4 综合实例
2.1 HTML代码的结构
1.HTML代码的组成
HTML用于描述功能的符号称为“标记”。如“<html>”、“<body>”、“<table>”等。标记在使用时必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
2.1 HTML代码的结构
2.注释与空白符
(1)注释
HTML注释是一种文本内容,出现在HTML源文档中,但浏览器并不显示他们,对于注释来说,最大的区别就是HTML不允许对它进行嵌套。有两种注释方式:
注释方法1:
<!---注释--->
注释方法2:
<comment>…</ comment>
(2)空格符
HTML页面中空格符并不具有调整间距的功能(加续出现多个空格符时,仅第一上空格符有效),若要正确的使用空格符,请改用HTML空格符,才能完成空格符的功能。空格符号是通过代码控制的。
基本语法: 
3.标记的嵌套
在大多数情况下,标记必须被放置在其他标记内部,这个过程被称为嵌套标记,必须先结束最靠近嵌套标记内容的标记,在按照由内及外的顺序依次进行。
4.标准属性
HTML标记可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称=“值”的形式出现。比如:name=“form1”,其中“name”就是属性名,“form1”就是属性值。属性值总是在HTML 元素的开始标记中指定。关于标记和属性有下面的一些说明:
(1)HTML 标记是用来标记 HTML 元素的。
(2)HTML 标记被 “<” 和 “>” 符号包围。
(3)HTML 标记是成对出现的。例如 <p> 和 </p>。
(4)位于起始标记和终止标记之间的文本是元素的内容。
(5)HTML 标记对大小写不敏感,<b> 和 <B> 的作用的相同的。
2.2 HTML网页的构成
1.HTML网页结构
在进行HTML文件编写的时候,必须遵循HTML的语法规则。完整的HTML文档文件由标题、段落、表格等各种对象组成。
所有的HTML一般都包括有这个结构标志。
<!DOCTYLE...>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
2.HTML标记及其属性
......
3.head标记及其属性
<head>标记用来封装其他位于文档头部的标记。把该标记放在文档的开始处,紧跟着在<html>标记后面并位于<body>标记或<frameset>标记之前。<head>标记一般在<html>标记和<body>标记的中间,是用来定义一些头部说明。<head>标志中包含文档的标题,文档使用的脚本,样式定义和文档名信息。
4.body标记及其属性
text 设定页面文字的颜色
bgcolor 设定页面背景颜色
bgproperties 设定页面的背景图像为固定,不随页面的滚动而动
link 设定页面默认的链接颜色
alink 设定鼠标正在单击时的链接颜色
vlink 设定访问过后的链接颜色
TOPMAGGIN 设定页面的上边距
leftmargin 设定页面的左边距
2.3 HTML网页的浏览与测试
1.利用IE与Firefox浏览HTML网页
(1)利用IE浏览HTML网页
选择【文件】|【打开】,然后单击“浏览”按钮,去查找硬盘中存放的网页文件,然后单击“打开”按钮,浏览器就能够显示编写网页的页面效果了。
(2)Mozilla Firefox
火狐3.6内置支持Personas皮肤,支持CSS、DOM和HTML5,以及全屏视频播放和开放源代码的“Web开放字体格式”。另外,火狐3.6还增添了一项新的安全功能,可以检查FlashPlayer和QuickTime等插件版本,确保它们是最新版本,屏蔽存在安全问题的插件,并提醒用户更新插件。
2 . 利用Firebug测试HTML网页
Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,可以实时编辑、调试和监测任何页面的CSS、HTML和 JavaScript。
2.4 综合实例
本章要点
HTML代码的结构
HTML网页的构成
目录:
2.1 HTML代码的结构
2.2 HTML网页的构成
2.3 HTML网页的浏览与测试
2.4 综合实例
2.1 HTML代码的结构
1.HTML代码的组成
HTML用于描述功能的符号称为“标记”。如“<html>”、“<body>”、“<table>”等。标记在使用时必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
2.1 HTML代码的结构
2.注释与空白符
(1)注释
HTML注释是一种文本内容,出现在HTML源文档中,但浏览器并不显示他们,对于注释来说,最大的区别就是HTML不允许对它进行嵌套。有两种注释方式:
注释方法1:
<!---注释--->
注释方法2:
<comment>…</ comment>
(2)空格符
HTML页面中空格符并不具有调整间距的功能(加续出现多个空格符时,仅第一上空格符有效),若要正确的使用空格符,请改用HTML空格符,才能完成空格符的功能。空格符号是通过代码控制的。
基本语法: 
3.标记的嵌套
在大多数情况下,标记必须被放置在其他标记内部,这个过程被称为嵌套标记,必须先结束最靠近嵌套标记内容的标记,在按照由内及外的顺序依次进行。
4.标准属性
HTML标记可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称=“值”的形式出现。比如:name=“form1”,其中“name”就是属性名,“form1”就是属性值。属性值总是在HTML 元素的开始标记中指定。关于标记和属性有下面的一些说明:
(1)HTML 标记是用来标记 HTML 元素的。
(2)HTML 标记被 “<” 和 “>” 符号包围。
(3)HTML 标记是成对出现的。例如 <p> 和 </p>。
(4)位于起始标记和终止标记之间的文本是元素的内容。
(5)HTML 标记对大小写不敏感,<b> 和 <B> 的作用的相同的。
2.2 HTML网页的构成
1.HTML网页结构
在进行HTML文件编写的时候,必须遵循HTML的语法规则。完整的HTML文档文件由标题、段落、表格等各种对象组成。
所有的HTML一般都包括有这个结构标志。
<!DOCTYLE...>
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
2.HTML标记及其属性
......
3.head标记及其属性
<head>标记用来封装其他位于文档头部的标记。把该标记放在文档的开始处,紧跟着在<html>标记后面并位于<body>标记或<frameset>标记之前。<head>标记一般在<html>标记和<body>标记的中间,是用来定义一些头部说明。<head>标志中包含文档的标题,文档使用的脚本,样式定义和文档名信息。
4.body标记及其属性
text 设定页面文字的颜色
bgcolor 设定页面背景颜色
bgproperties 设定页面的背景图像为固定,不随页面的滚动而动
link 设定页面默认的链接颜色
alink 设定鼠标正在单击时的链接颜色
vlink 设定访问过后的链接颜色
TOPMAGGIN 设定页面的上边距
leftmargin 设定页面的左边距
2.3 HTML网页的浏览与测试
1.利用IE与Firefox浏览HTML网页
(1)利用IE浏览HTML网页
选择【文件】|【打开】,然后单击“浏览”按钮,去查找硬盘中存放的网页文件,然后单击“打开”按钮,浏览器就能够显示编写网页的页面效果了。
(2)Mozilla Firefox
火狐3.6内置支持Personas皮肤,支持CSS、DOM和HTML5,以及全屏视频播放和开放源代码的“Web开放字体格式”。另外,火狐3.6还增添了一项新的安全功能,可以检查FlashPlayer和QuickTime等插件版本,确保它们是最新版本,屏蔽存在安全问题的插件,并提醒用户更新插件。
2 . 利用Firebug测试HTML网页
Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具,可以实时编辑、调试和监测任何页面的CSS、HTML和 JavaScript。
2.4 综合实例