第2章 动态网页设计基础(二).ppt

第2章 WEB程序设计的基础 本章学习目标 本章主要讲解HTML语言、CSS和xml语言。通过本章学习，读者应该掌握以下内容： ?? HTML语言基本知识 ??? CSS 2.1 HTML语言 2.1.1 HTML 语言的结构 HTML（超文本标记语言）是一种描述文档结构的标注语言 它使用一些约定的标记对WWW上的各种信息进行标注。 HTML的优点是其跨平台性。 2.1 HTML语言 2.1.1 HTML 语言的结构 HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。 HTML文件看起来像是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。 2.1 HTML语言 2.1.1 HTML 语言的结构 从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。 绝大多数元素是“容器”， 即它有起始标记和结束标记。 中间叫元素体。每个元素都有名称和许多可选择的属性。 2.1 HTML语言 下面来看一个HTML文件结构实例， HTML HEAD TITLE武汉工业学院/TITLE /HEAD BODY bgcolor= yellow P这是一HTML的测试文件/P /BODY /HTML 2.1 HTML语言 HTML文件仅由一个HTML元素组成。 即文件以HTML开始，以/HTML结尾，文件其余部分都是 HTML的元素体。 而HTML元素的元素体又由头元素head…/head、体元素body…/body和一些注释组成。 头元素和体元素的元素体又由其它的元素、文本及注释组成。 2.1 HTML语言 链接签的格式为： 起始链接签 属性名＝属性值 内容 结束链接签 例如：BODY bgcolor= yellow P这是一HTML的测试文件/P /BODY 2.1 HTML语言 在HTML中有三个字符具有特殊的意义，即： 表示一个标签的开始。 表示一个标签的结束。 表示转义序列的开始。每个转义字符都 “”开始，以分号“；”结束。（解决二义性问题） 例如：“lt;”表示“”符号。“nbsp;”表示空格。 2.1 HTML语言 元素名也叫链接签名。需要注意的是： （1） 和起始链接签之间不能有空格。 （2）元素名称不区分大小写。 （3）一个元素可以有多个属性，属性及其属性值不区分大小写，且各个属性用空格分开。 2.1 HTML语言 在头元素中的元素表示的是该HTML文件的一般信息， 这些元素书写的次序是无关紧要的，它只表明该HTML有还是没有该属性。 出现在体元素中的元素是次序敏感的，改变元素在HTML文件中的次序会改变该HTML文件的输出形式。 1. TITLE标记 TITLE标记用来给网页命名，显示在浏览器的标题栏中。 例如，在图2-1中所示的浏览器页面中，其标题栏所显示的“武汉工业学院”。 2. Hn标记 H1…/H1到H6…/H6标题元素有6种，用于表示文章中的各种题目。字体大小H1到H6顺序减小。 下面这个例子中分别使用了H1到H6的标题。 HTML HEAD TITLE这是一个测试网页/TITLE /HEAD BODY h1标题测试/h1 h2标题测试/h2 h3标题测试/h3 3. 预格式化文本标记pre HTML的输出是基于窗口的，因而HTML文件在输出时都是要重新排版的，即把文本上任何额外的字符（如空格、制表符和回车符）都忽略，若确实不需要重新排版的内容，可以用pre…／pre通知浏览器。 下面是图2-3和图2-4的HTML源文件。 HTML HEAD TITLE这是一个测试网页/TITLE /HEAD BODY pre !--（图2-4无此标记）-- HTML是一种描述文档结构的标注语 言，它使用一些约定的标记对各种信息 进行标注。 /pre !--（图2-4无此标记）-- /BODY /HTML 4. BR和P标记 BR用于强制换行。P 表示一个段落的开始。/P一般可不用。 5. B I U STRONG S 标记 这几个标记都是用来修饰所包含文档的。B标记使文本加粗；I标记使文本倾斜；U标记给文本加下划线；S标记给文本加删除线；STRONG标记使文本字体加重。 下面给出一个这几个元素的HTML源文件。 HTML HEAD TI