参考Web页面制作基础.pptxVIP

第2章Web页面制作基础

本章要点：◆HTML网页格式◆文字及段落标记◆超级链接◆加入多媒体◆制作表格◆制作表单◆CSS

例2-1（CH1-1.htm）：HTMLHEADTITLEASP动态网页设计/TITLE/HEADBODYP一个简单HTML程序页面/PP这个程序页面包含了基本的HTML程序结构。/P/BODY/HTML图2-1一个简单的HTML页面

HTML语言是一种页面描述性的语言，它使用一些约定的符号对各种文件进行标注，标注过的文件就是一个个的HTML网页。每个网页一般都包括标题、段落、列表、表格、图像等基本成分。2.2.1HTML标记的语法HTML的标记字符均取自ISO646:1983字符集IRV，数字字符则取自SGML中规定的文档字符集Lation-1（ISO-8859-1）。 1．字符实体 除了通常的ASCII字符外，引入字符实体就可以在HTML文档中使用拉丁字母、希腊字母和某些特殊符号等非ASCII字符。字符实体的引用格式为“××”，其中，“××”为字符实体的名称。字符实体也可使用“#××；”格式表示，其中的“××”代表一个十进制数，这种表示方式也能代表Lation-1(ISO-8859-1)字符集中的相应字符。例如“#60;”和“lt;”都可以代表字符“”。

在HTML语言中，所有的标记都必须用尖括号括起来。大部分标记都是成对出现的，包括开始标记和结束标记，开始标记和相应的结束标记定义了该标记所影响的范围；结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开头的。也有一些标记只要求单一开始标记就可以了。HTML标记不区分大小写，但通常约定使用大写字母来表示，以利于HTML文档的维护。字符实体名是区分大小写的。2．标记标记一般都有自己的属性，通过属性可以对其作用的内容进行更多的控制，属性紧跟在开始标记的后面，并且都放置在开始标记的尖括号内。一般由属性名、等号和属性值三部分组成。例如，BODYbackgroud=back1.gif中的background是BODY标记的背景属性，属性值back1.gif是一幅背景动画，需要注意的是，属性值必须用双引号或者单引号标注。3．标记属性HTML中的注释以“!--”开始，以“--”结束，需要注释的内容放置于其中。对某部分文档进行必要的解释，便于阅读源代码，注释部分的内容并不会被Web浏览器显示出来。4．注释

HTML文档的基本结构可以表示如下：HTMLHEADTITLE标题文字/TITLE/HEADBODY文本、图像、动画、HTML指令等/BODY/HTMLHTML与/HTML标记是用来说明该文档是由HTML标记语言描述的，文档中的所有其他标记和内容都包括在这对标记之中。

2.2.3文件主体标记

首部标记用于提供与Web页有关的各种信息。在首部标记中，可以使用TITLE和/TITLE标记来指定网页的标题，网页的标题显示在浏览器窗口的标题栏中，一个网页仅能有一个标题。还可以在首部标记中使用STYLE和/STYLE标记来定义CSS样式表，使用SCRIPT和/SCRIPT标记来插入脚本等。2．HEAD标记1．HTML标记HTML标记是全部文档内容的容器，是处在最外层的标记，说明这个文件的内容是用HTML语言实现的。HTML是开始标记，/HTML是结束标记，它们分别是网页的第一个标记和最后一个标记，其他所有HTML代码都位于这两个标记之间。HTML标记告诉浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文内的标记进行解释。HTML.../HTML标记是可选的，但最好不要省略这两个标记，以保持Web文档结构的完整性。

3．BODY标记 该标记用来标注HTML文档的正文部分，正文标记内包含了文档的内容、文字、图像、动画、超链接以及其他HTML元素，标记属性及功能见表2-1。 在上述属性中，各个颜色属性的值有两种表示方法：使用颜色名称来指定，例如红色、绿色和蓝色分别用red、green和blue表示；使用十六进制格式数值#RRGGBB来表示，其中的RR、GG和BB分别表示颜色中的红、绿、蓝三基色的两位十六进制数据，数值越大亮度越高，例如，#000000表示黑色，#FFFFFF表示白色，#FF0000表示红色。 例如，BODYbgcolor＝#1F1F1Ftext=#B9B9B9link=#FFFFFF就是一个浅黑色背景、浅灰色文本、白色超链接效果的页面。表2-1BODY标记的属性及说明

2.3.1文字标记1．标题标记Hn 标题标记Hn用于设置