电子商务网站建设验教程一.doc

HTML网页设计基础 知识目标 ● 了解HTML的基本结构； ● 掌握HTML的常用标签。 技能目标 ● 熟练使用HTML中的各种标签； ● 能够独立编写HTML网页。 HTML（hyper text mark-up language）即超文本标记语言，是构成网页最基本的要素，也是Web应用程序开发的基础。近年来，虽然随着计算机信息技术的进步，产生了DHTML和XML等语言，此外还涌现了许多功能强大的、所见即所得的网页设计工具，如FrontPage和Dreamweaver等，然而它们仍然构建在HTML基础之上。事实上，目前HTML的功能是不可替代的，网页设计和Web应用程序的开发者，应该很好地掌握HTML。 第一节 HTML简介 HTML是一种结构化的网页内容标签语言，使用各种不同的标签符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标签、结束标签以及夹在这两个标签中的内容所组成。每个HTML元素的开始标签和结束标签的名称相同，并且都用一对尖括号“ ”括起来，只是在结束标签的前面多了一个“/”斜杠符号。例如： center这部分内容居中显示/center 表示将网页中的文字居中显示。其中，center为开始标签，/center为结束标签，“这部分内容居中显示”为该元素的内容。当浏览器在显示该网页的过程中，如果遇到center元素，就将该元素的内容居中显示在浏览器的窗口中。 并不是所有的网页标签都是如上例中那样成对出现的。有开始标签且一定有结束标签的标签叫双边标签，而有开始标签不需要结束标签的标签为单边标签。例如，br就是一个单边标签。另外，还有一些网页元素的结束标签可以自由取舍，如段落标签p、选项标签option等。 许多元素的开始标签中还允许加入若干属性，用于进一步对该元素的特征进行说明或限定。通常用“属性名称=属性值”的方式来设定元素的属性，属性值可以用双引号引起来，也可以省略。例如，“p align=left”和“p align=left”效果相同，但如果属性值内有空格或特殊字符，则其两端双引号就不可以省略。此外，在一个元素的开始标签中各个属性设置的先后顺序是任意的。 综上所述，一个HTML元素可表示为： 标签名称 属性名称1=属性值1 属性名称2=属性值2 …内容/标签名称 第二节 HTML的结构 一、网页基本结构 任意打开一个网页，查看它的源代码，就可以看到这个网页的HTML代码。无论该网页如何复杂，都是由一个最基本的HTML结构组成的，以下是的HTML的基本结构。 HTML文档的基本结构，效果如图1-1所示。 html head title 网页标题 /title /head body 这是显示在浏览器中的主要内容！ /body /html 图1-1 【例1-1】代码运行效果 html…/html标签中的内容是HTML文档的主体元素，用于指出HTML文档的开始与结束。html…/html标签中的内容只能有head、body、frameset3种下属的一级元素，但其中的body与frameset元素是不能共存的。这就是说，在html…/html中最多只能有两个下属一级元素，其他的元素都包含在这两个元素之中。 head标签通常用于提供一些识别或补充的信息给浏览器，而浏览器不会把这些信息显示在网页中。理论上在head…/head标签中至少必须包括title标签元素，但在实际上并没有这么严格的限定。 title标签用于指定浏览器所要显示的标题文字，原则上不能省略，因为它还有其他用途，例如，作为网页的标签，或作为有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站时的索引。 body…/body用于显示网页的主要内容，其中可以包含多种不同的元素，与之相关的各种元素将在下一节中详细说明。 下面是关于书写HTML文档的几点说明。 （1）HTML文档的内容不区分字母大小写，包括属性和标签名称等。 （2）对于连续的空格、Tab键和Enter键，浏览器只会将其当成一个空格，除非置于预排版标签pre中。 （3）在一个元素的开始标签中，元素名称及各个属性名称之间应该以空格、Tab键或Enter键隔开，因此某个元素的开始标签可能会跨越数行，而浏览器只认定“”和“”记号。 （4）含有空格或特殊符号的属性值，需要用半角的双引号引起来。 （5）HTML中采用“!--”和“--”进行注释，在该注释标签中的内容将不被处理和显示。 （6）对于HTML文档中的错误元素及其属性，浏览器将会跳过它而不予理会。 （7）各元素之间可以嵌套，但不能交错。例如： centertable…/table/center是正确的； centertable…/center/table是错误的。 （8）HTML文档是一个纯文本文件，可用任何文本编辑工具（如Windows中的