HTML与CSS教学-第二章 HTML基础

第二章 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空格符，才能完成空格符的功能。空格符号是通过代码控制的。


基本语法：&nbsp
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 综合实例