参考Web页面制作基本.ppt

第2章 Web页面制作基础 本章要点： ◆HTML网页格式 ◆文字及段落标记 ◆超级链接 ◆加入多媒体 ◆制作表格 ◆制作表单 ◆CSS 2.1 一个简单的HTML程序页面 例2-1（CH1-1.htm）： HTML HEAD TITLEASP动态网页设计/TITLE /HEAD BODY P一个简单HTML程序页面/P P这个程序页面包含了基本的HTML程序结构。/P /BODY /HTML 2.2 HTML网页格式 HTML语言是一种页面描述性的语言，它使用一些约定的符号对各种文件进行标注，标注过的文件就是一个个的HTML网页。每个网页一般都包括标题、段落、列表、表格、图像等基本成分。 2.2.1 HTML标记的语法 HTML的标记字符均取自ISO 646:1983字符集IRV，数字字符则取自SGML中规定的文档字符集Lation-1（ISO-8859-1）。 1．字符实体 除了通常的ASCII字符外，引入字符实体就可以在HTML文档中使用拉丁字母、希腊字母和某些特殊符号等非ASCII字符。字符实体的引用格式为“××”，其中，“××”为字符实体的名称。字符实体也可使用“#××；”格式表示，其中的“××”代表一个十进制数，这种表示方式也能代表Lation-1(ISO-8859-1)字符集中的相应字符。例如“#60;”和“lt;”都可以代表字符“”。 2．标记 在HTML语言中，所有的标记都必须用尖括号括起来。大部分标记都是成对出现的，包括开始标记和结束标记，开始标记和相应的结束标记定义了该标记所影响的范围；结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开头的。也有一些标记只要求单一开始标记就可以了。HTML标记不区分大小写，但通常约定使用大写字母来表示，以利于HTML文档的维护。字符实体名是区分大小写的。 3．标记属性 标记一般都有自己的属性，通过属性可以对其作用的内容进行更多的控制，属性紧跟在开始标记的后面，并且都放置在开始标记的尖括号内。一般由属性名、等号和属性值三部分组成。例如，BODY backgroud=back1.gif中的background是BODY标记的背景属性，属性值back1.gif是一幅背景动画，需要注意的是，属性值必须用双引号或者单引号标注。 4．注释 HTML中的注释以“!--”开始，以“--”结束，需要注释的内容放置于其中。对某部分文档进行必要的解释，便于阅读源代码，注释部分的内容并不会被Web浏览器显示出来。 2.2.2 HTML文件基本架构 HTML文档的基本结构可以表示如下： HTML HEAD TITLE标题文字/TITLE /HEAD BODY 文本、图像、动画、HTML指令等 /BODY /HTML HTML与/HTML标记是用来说明该文档是由HTML标记语言描述的，文档中的所有其他标记和内容都包括在这对标记之中。 2.2.3 文件主体标记 1．HTML标记 HTML标记是全部文档内容的容器，是处在最外层的标记，说明这个文件的内容是用HTML语言实现的。HTML是开始标记，/HTML是结束标记，它们分别是网页的第一个标记和最后一个标记，其他所有HTML代码都位于这两个标记之间。HTML标记告诉浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文内的标记进行解释。HTML.../HTML标记是可选的，但最好不要省略这两个标记，以保持Web文档结构的完整性。 2．HEAD标记 首部标记用于提供与Web页有关的各种信息。在首部标记中，可以使用TITLE和/TITLE标记来指定网页的标题，网页的标题显示在浏览器窗口的标题栏中，一个网页仅能有一个标题。还可以在首部标记中使用STYLE和/STYLE标记来定义CSS样式表，使用SCRIPT和/SCRIPT标记来插入脚本等。 3．BODY标记 该标记用来标注HTML文档的正文部分，正文标记内包含了文档的内容、文字、图像、动画、超链接以及其他HTML元素，标记属性及功能见表2-1。 在上述属性中，各个颜色属性的值有两种表示方法：使用颜色名称来指定，例如红色、绿色和蓝色分别用red、green和blue表示；使用十六进制格式数值#RRGGBB来表示，其中的RR、GG和BB分别表示颜色中的红、绿、蓝三基色的两位十六进制数据，数值越大亮度越高，例如，#000000表示黑色，#FFFFFF表示白色，#FF0000表示红色。 例如，BODY bgcolor＝#1F1F1F text=#B9