第一节 HTML 文档的基本结构及编辑运算 第一节 HTML 文档的基本结构及编辑运算 HTML用途 超文本标记语言HTML是Web的通用语言，是创建Web页和发布Web信息的格式，是Web
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
的基础，是控制Web浏览器在屏幕上显示内容的核心技术。 HTML产生 十九世纪七十年代，美国哈佛大学的学生Ted.Nelson提出了一个极富有创造性的幻想：全球将建立一个信息网，在这个信息网上用户可以任意地选择其所需访问的信息资源，而不需要关心这些信息量的来源。为此他还创造了一个术语——超文本。超文本具的极强交互能力。用户只需指点文本中的字或词组，便可激发与其语意相关的新的信息流。因为在超文本中的许多字或词都具有一个链，将其指向另一个文本，而之后仍有链接指向下一个文本。这样只凭借词义或语意的关系即可供人们任意浏览。 这是一个迈向新技术挑战的幻想，是人类向信息社会迈进时梦寐以求的目标。当年的幻想随着世界计算机技术的飞速发展，如今已成为现实。 HTML是1986年制定的国际
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
ISO8879-Standard Generalized Markup Language(SGML)的一种应用。SGML是一种工业技术中应用的标记语言的标准，它由三个部分组成：说明、程序和实例。其序言是一种文档类型定义（DTD），它定义了一种语法。HTML即是SGML的一种语法定义。HTML近似于SGML的一个简化的专业版，但是它提供的信息链接特性使其成为有别于SGML的一种著名计算机语言。 HTML继早先发表的0.9版、1.0版和2.0版后，于1995年3月发表了3.0版（HTML Specification Version3.0）的草案，即未正式发表的版本。值得一提的是1.0版、2.0版或3.0并不是指这种语言的软件产品的版本，而是指HTML的语法规定的版本。它被子称为Internet工程任务实施
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
（Draft the Internet Engineering Task Force）。它由Internet工程任务实施（IETF）的HTML工作组在“html-wg@wg.oclc.org”中发布。 HTML目的 最初设计HTML语言的目的是使科学家们可以创建包含基本格式化命令（即标记）和其他信息链接（称作超文本或超链接）的基于文本的文档。例如，一个有关地震的文档可以包含一个到其他科学家撰写的有关板块构造理论的文档的链接。 HTML用于编制可以在不同的平台上实施链接的超文本文件。HTML的标记可以表达超文本的新闻、邮件、文档及超媒体——包含在线的图形、视像的信息体。 在这一节中将介绍HTML是如何实现超文本的链接，HTML文档的基本组成以及支持HTML文档的传输协议HTTP。它们是HTML的基础，又是一些容易混淆的抽象概念。 一、超文本链接的相关概念 1．超链接（Hyperlink） 超文本的链接称为超链接。在HTML中将超链接定义为两个锚标（anchor）之间的联系。锚标是信息存储的地点。形成超链接的两个地点必然是从源点（source）指向目标（destination）。若用一个箭头来描述一个超链接关系，则出发的源点是箭头的尾（tail），到达的目的地是箭头的头（head）。在实际应用中，用鼠标点击屏幕上的超文本之处即是超链接的源点或尾，由该链接所调出的文档所在地点即是超链接的目标或头。 2．统一资源定位器 超链接的目标地点的描述采用统一资源定位的方法。在超文本中任何一个目标地点都有一个统一资源定位器（URL，Uniform Resoure Location）。它确定了网络中任何一个文档的所在地点。URL由三个部分组成，例如学院主页的URL为： http://www.dqpi.edu.cn http:定义了服务器的访问方法，亦即是访问协议的名称。http--超文本传输协议（后面介绍）。 // www.dqpi.edu.cn ：定义了服务器地址，或称主机名（hostname）。 / ：定义了文件在服务器中的路径和文件名称。 上述的表达必须符合Internet中资源描述的统一规定，因而都冠以“统一资源”的称呼。 3．超文本传输协议和HTTP服务器 支持超链接的协议就是超文本传输协议HTTP。 超文本传输协议的作用是通过HTML文档和支持HTML的浏览器来实现的。换句话说，在Wold Wide Web上用浏览器来浏览超文本文档时所依靠和遵循的规则就是HTTP协议。 存放HTML文档的服务器称为HTTP服务器或Web服务器。在HTML文档中用“http://…”表示一个HTTP服务器的地址。 支持HTTP协议的浏览器称为Web浏览器。通常Web浏览器也支持其他的文件传输协议如FTP等。 4．HTTP服务器的页（page）和主页（Homepage） 由于HTML文档均是用于浏览的，浏览中出现的都是页面，因此常把HTML文档编辑称为页面编辑，把服务器中不同的HTML文档称为不同的页。通常在每个服务器的根目录中都可以放置一个缺省的文档，类似于DOS中的自动批处理文件autoexec.bat。 UNIX系统支持的HTTP服务器中它的名字为index.html，其它系统支持的服务器中的名字为 welcome.htm。 在HTML中超链接的统一资源定位即是对HTTP服务器的寻址。当一个超链接仅给出服务器地址时同即能自动显示这个缺省文件。这个特殊的文档就称为主页或起始页（Homepage）。用户可通过这个主页所提供的超链接十分方便地浏览该服务器中的其他相关文档。 二、标记基础知识 1．标记（Markup） 标记是HTML文档的基本特征。在HTML的文档中，字符和数据的语法结构是通过标记来表达的。因此标记是HTML语言的标签符号和用标签符号构成的各种元素的统称。 2．标签（tag） 标签是描述性的标记，用一对< >符号中间包含若干字符来表示。标签通常是配对使用的，前一个是开始标签（start-tag），后一个是结束标签（end-tag）。结束标签的符号内第一个字符是“/”。还有一种标签是不配对使用的，像是仅用了一个开始标签，称为空标签。 3．元素（element） 元素是HTM文档中的组成部分，相当于程序中的语句。各种元素都应符合文档类型定义（DTD）的规定。例如：HTML中有头（head），标
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
（title），列表（list），等各种类型的元素。一个HTML文档就是由不同类型元素组成的有序结构。 元素的表示通常是一个开始标签，标签内表明元素名。开始标签后跟着元素内容的字符串 ，字符串后面是结束标签。 一对标签用来定界定一个元素。空标签亦界定一个元素。例如：
This is a Heading
(用一对标签来界定一个元素。)
This is a paragrph. (用一个空标签界定一个元素。) 元素是可以嵌套的。例如：
An Example of Nested Element 元素的具体表达方法体现了HTML的语法规定。（有关元素在实际应用中表达的更详细的内容在后面讨论）。 三、HTML文档的基本结构 HTML文档具有最基本的结构框架“头”和“体”。 HTML文档均用于在浏览器上显示，而支持HTTP的浏览器均为WINDOWS式的图形用户接口（GUI）界面，因此HTML文档的基本结构是依据这一要求而设计确定的。一个GUI的视窗通常由标题栏和窗口体作为其最基本的构成。HTML文档结构的“头”和“体”正应于这一要求。 1．HTML容器标记 HTML文档的第一个标记是HTML的容器标记，它向浏览器指示，其后的代码应使用由HTML制定的语法和结构规则来处理。相应的结束标记出现在文件的结尾处。 注意：不要把HTML文档的任何文本放置在这两个标记的外面，否则其结果是不可预见的。 2．头标记（head） 和是一对头标签，是标记文件头区域的分界线（….），s有在浏览器的标题栏中显示的文档标题名称（title）和该文档有关的属性参数。它是HTML文档的第一个部分，是一个可选项。（尽管HTML规定一些元素只能在它的内部使用。）在文档头中能用于浏览显示的元素仅有标题（title），其他的元素均不显示。 TITLE（标题）也是一个可选元素.用一对标签(
…)标记定义了在浏览器的标题栏中显示的内容。标题元素总是嵌套在头元素中的。 例2.1.1:
This is an example of HTML HEAD Yet another “Hello world” 本例中的“The Example --HEAD”将作为文档标题显示在浏览器的标题栏中。 3．体标记（body） 体（BODY）是HTML文档中的主体，反映在浏览器的屏幕的正文区域，它包含了文档的内容——即在网页上可见的资料。 和是一对体标签，用于标记（…）除了头以外的其余的文档内容。与头元素一样是一个复合元素，可在体标签内嵌套其他的字符和元素。 如例1.1 中的显示的正文文本是： Yet another “Hello world” 例2.1.2 This is an example of HTML document
This is “bold” text （黑体字）
This is “italic” text. （斜体字） 4．一个最简单的HTML文档的组成 头和体结合就能组成一个HTML文档 例2.1.3
This is an example of HTML This is an example of HTML document
This is “bold” text （黑体字）
This is “italic” text. （斜体字） 这个例子在浏览器中显示的结果是： This is an example of HTML document This is “bold” text This is “italic” text. 四、HTML文档的编辑和运行 1．HTML文档的编辑 HTML文档的编辑十分方便。所有的TEXT文本编辑器都可用来编辑HTML文档，如DOS的EDIT，WINDOWS中的Notepad(记事本)以及UNIX中的vi等等。 HTML文档以html为扩展名。例如：Status.html，Serverinfo.html等等。但在PC的DOS或WINDOWS环境中由于扩展名至多通用三个字符，因此用htm作扩展名。有时也仍用html作扩展名的，但系统实际只认识三个字符。 2．HTML文档的运行 HTML文档的运行是由Web浏览器直接用HTTP命令来调用并解释执行的。 HTML文档应该存放在Web Server中。在Web Server中可设置Docs/为html文档的缺省目录；这样当用户访问该Server时，可以用服务器的域名来浏览其首页，通过首页的超级链接来浏览其他的文档。HTML文档也可放置在Web服务器的任何目录中，这样当用户欲浏览该文档时必须写明路径和文档名。 例如：http://www.cc.dqpi.edu.cn/student/myfile.html 上例中，www.cc.dqpi.edu.cn 是服务器的名字，student 是目录 路径，myfile.html是文件名。在Web浏览器中用上述命令即能运行WWW服务器中的myfile.html的文档。 习题： 1. 用HTML编写符合如下要求的文档：标题为“My File”，窗口内显示“This is my document.” 2. 将上题文档存入磁盘，并用Web浏览器调阅该文档，写出可能使用的调阅命令. 第二节 HTML的语法基础、文档格式 一、HTML语句的语法 1. 标签（TAG） 标签的作用是指出文档是如何组织的。一个标签以“〈”开始，以“〉”结束。元素名位于大于号和小于号这间，元素名不区分大小写。例如〈HTML〉，〈hTML〉，〈html〉是同一标签。 标签一般应开始标签和结束标签成对使用，在开始标签中，小于号“〈”和元素之间不能留有空格。 2. 属性（ATTRIBUTES） 属性是为标签实现某种功能而提供的一些具体的参数。属性由属性名和属性值组成。属性名由HTML规定的专用名词来表达，属性值按情况不同，可以是HTML规定选项中的某一个或者是HTML文档设计者输入的信息。当属性值为输入的信息时，通常在输入信息的前后加上双引号。 HTML规定，属性定在开始标签中元素名和“〉”符号之间。 例2.2.1
其中
![]()
是显示图像文件的标签，它单独使用，称为“空标签”；IMG为元素名；SRC为属性名，它用来指出图像的源文件位置；属性值“center.gif”是输入的图像源文件名。 例2.2.2
a paragraph
其中
是开始标签，
是结束标签，它们是分段标签；P是元素名；ALIGN是属性名，它用来指出a paragraph这一段文字在屏幕中的位置；HTML规定ALGN的属性值是left，center或者right中的一个。 3. 字符规定 HTML说明书中规定HTML文档的字符是ISO-8859-1标准所定义的8位单字节编码的图形字符集，也称为Latin Alphabet NO.1或Latin-1。这是一个256个字符的字符集，其中包括了很多图形元素及除英语处在欧洲应用最多的各种语言中的加重音的字符。ISO-8859-1标准图形字符集的前128个字符与ASCII字符集基本相同，这个字符集有时被称作国际参照或ISO-646。 在实际应用中，考虑到键盘的限制及不同CPU和操作系统平台上移植的方便，大多数HTML文档所用的字符与ASCII字符集相同。可直接使用键盘输入。 对于在ISO-8859-1中包含的许多字符，如在电子出版中常用到的加重音字符、货币符号、商标、版权标志或其他字符变形等都不包括在ASCII字符集中。也不能直接从标准键盘输入。 数字转换码 为了解决那些不包括在ASCII字符集中的字符的输入问题，HTML定义了一套“数字转换码”。“数字转换码”有256个与ISO-8859-1标准图形字符集中的256个字符一一对应。例如©圈C的转换码是©；HTML规定转换码由三部分组成，第一部分是“&”符号；第二部分是“#”号并紧跟一个十进制数字，而这个十进制数字是相应字符在ISO-8859-1标准的256个字符集中的位置；第三部分是“；”。这样如果要表达@符号，就可以在键盘上输入©；。 对于在HTML中用于特殊目的的字符，例如“〈”、“〉”、“&”等，如果想让浏览器作为普通字符对待，那么必须写成“数字转换码”形式。例如，想在屏幕上显示“12〈56”，则HTML源程序必定是“12<56”其中<是小于号的转换码。 对于一些经常需转换的字符，HTML规定可以用几个字母来代替“数字转换码”中的第二部分。例如，>和>是表达同一字符。这种形式叫“实体参照（entity reference）”。 表2—1中列出了一些常用字符数字转换码和实体参照。 表2-1 特殊字符 的显示形式 数字标 识符参照 实体参照 描述 > > > 大于号 < < < 小于号 & & & " " " © © © 版权 ® ® ® 注册商标 例：
b”> 要使用这条命令，则必须写成：
或
此例中的前引号和后引号是HTML命令中属性值表达式的固定格式，因此不需用转换码。 4. 注释（comments） 与其它编程语言一样，在HTML文档中为了条理清晰以及阅读方便，有时需要加入注释语句。浏览器解释HTML文档时忽略注释语句，即在浏览器的窗口注释语句将不被显示。 注释语句格式：〈！--注释内容〉 说明：每名注释语句的内容前后必须有“--”识别。在“〈！”和“〉”之间出现空格是允许的。 例2.2.3
HTML Comment Example some text !--end of italic text--> （缺少“〈”符号，这行被显示〉 (缺少“--”符号，无法正确解释) 二、头〈HEAD〉 文档头以〈HEAD〉和〈/HEAD〉标签定义。如果把HTML文档比作一封信的话，那么〈HEAD〉和〈/HEAD〉之间的内容就是信头部分，〈BODY〉和〈/BODY〉之间的内容就是信体。 注意：在〈HEAD〉和〈/HEAD〉之间的任何内容都不会出现在Web浏览器窗口有用户（正文显示）区。 在〈HEAD〉和〈/HEAD〉之间允许出现下列几种标签： 1. 文档标题标签〈TITLE〉 格式：〈TITLE〉文档标题〈/TITLE〉 文档标题的长度不受限止，但为了阅读方便，建议使用小于64个字符的标题。 2. 基地址标签〈BASE〉 功能：说明所在HTML文档的原始URL
记录
混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载
。有了这个基地址说明后，在此文档中的其余URL都可以用相对于基地址的相对地址来表示。 注意：基地址标签是单独使用的，属于空标签。 格式：〈BASE HREF=“URL”〉 说明：〈BASE〉标签仅有一个属性HREF，是用于说明URL的。 例2.2.4 一个文档在没有使用基地址前的程序为：
example of base address 
Chinese version 使用〈BASE〉标签后程序可写为：
example of base address 
Chinese version 在此例中，zxtd目录和Chinese.htm文档前的“/”必须写明。但是，如果在〈BASE〉标签中表示为: HREF=”http://www.cc.dqpi.edu.cn/”，那么，zxtd目录和 Chinese.htm文档前的“/”可加可不加。 注意：这里的目录分隔符使用的是正斜杠“/”，而不是反斜杠“\”。 当在一篇HTML文档中缺省〈BASE〉标签时，Web浏览器会自动把此文档的URL作为基地址。 3. 关键字索引标签〈ISINDEX〉 功能：说明所在HTML文档是可索引的。也就是说，浏览者在浏览该HTML文档的同时可以从键盘输入关键字来寻找相匹配的字符。 格式：〈ISINDEX〉 说明：〈ISINDEX〉标签没有相应的属性，是单独使用的，属于空标签。 例2.2.5
example of ISINDEX tag HTML has been in use the World Wide Web(WWW) global information initiation since 1990. 图中“可以搜索该索引。请键入要搜索的关键字:”字符串是Web浏览器自动加上的。 注意：只能在具有搜索工具的Web服务器上才能使用〈ISINDEX〉功能。 三、 体〈BODY〉 文档体以〈BODY〉和〈/BODY〉标签定义。 功能：定义HTML文档中显示于Web浏览器窗口用户区的内容。 在〈BODY〉和〈/BODY〉标签之间可包括各种文本段落、水平规则、标题、列表、图像、超链接等等。除了〈HTML〉标签、〈HEAD〉标签以及前成所讲的用于〈HEAD〉和〈/HEAD〉之间的一些元素外，其余所提到的各种标签如不加特殊说明均用于BODY部分。 现在我们总结下构成一篇HTML文档的必需元素有：“〈HTML〉，〈HEAD〉，〈TITLE〉，〈BODY〉”。它们的总体结构如下：
标题文本 文档内容 在文档体可用标签较多，下面对常用的进行介绍。 四、格式类标签 1. 行中断标签〈BR〉 功能：用于强迫一个行中断，或者说是硬回车。 格式：〈BR〉 说明：〈BR〉标签出现在一行的行未，是一个单独使用的标签，也称为“空标签”。 当在一篇HTML文档中没有指定〈BR〉标签时，Web浏览器会尽量在一行中显示，并且会自动根据浏览器窗口正文显示区的大小自动调整一行的长短。 2．分段标签〈P〉 全称：paragraph 功能：用于指示段落结束。它除了具有行中断标签〈BR〉的作用外，还能使Web浏览器在各个段落之间插入一个空白行。 〈P〉标签在使用时，共有三种格式： ①单个〈P〉标签在段首。表示这以后的文本另起一段，并且在这一段这前插入一个空白行。 ②单个〈P〉标签在段尾。表示这里是一段的结束，并且与以后的文本之间插入一个空白行。 ③〈P〉文本〈/P〉。表示〈P〉和〈/P〉之间是一个段落，并且在这一段的前后各插入一个空白行。 对于第三种格式可以使用〈P〉标签的属性，其格式为： 〈P ALIGN=属性值〉文本〈/P〉 说明：ALIGN有：left、center、right。使用属性时〈P〉标签必须成对使用。例：
example of paragraphs This is first paragraph.
This is second paragraph.
This is third paragraph.
This is fourth paragraph.
显示结果是各行间都有空行。 例：
align of paragraph All of this paragraph
is left aligned!
All of this paragraph
is center aligned!
All of this paragraph
is right aligned!
显示结果为左、中、右。 3. 不换行标签
全称为：NO BREAK。 功能：所定义的文本不会因为其文本行的长度超过浏览器窗口的宽度面自动去换行，而是在窗口底部出现一个左右滚动条来帮助用户浏览文档。通常则自动换行。 格式：文本 4. 字符格式编排标签 ①功能：设置显示的正文字体格式。 格式：粗体标签 〈B〉粗体正文〈/B〉 斜体标签 〈I〉斜体正文〈/I〉 下划线标签〈U〉下划线正文〈/U〉 删除线标签〈STRIKE〉删除线正文〈/STRIKE〉 等宽字标签〈KBD〉等宽字正文〈/KBD〉 下标标签 〈SUB〉下标正文〈/SUB〉 上标标签 〈SUP〉上标正文〈/SUP〉 ②功能：设置更复杂的文本格式。 格式：〈FONT COLOR=“颜色” SIZE=“字号” FACE=“字型”〉正文〈/FONT〉 说明：颜色：RED、BLUE、YELLOW、GREEN等以及十六进制的GRB三色值，如0000FF，其范围为：000000~FFFFFF。 字号：1、2、3…7。 字型：通常使用默认字型。因为预测用户计算机可以使用的字体难度较大。 例2.2.6 example of font1 This is some bold text This is some italic text This is some underline text This is some < STRIKE > 删除线文本 This is some 等宽字 This is some 下标 This is some 上标 例2.2.7 example of font2 Color! Size! Typeface! Many changes! 5．项目标题标签… 全称：Heading。 功能：定义文档内的项目标题或子标题的风格及大小。 注意：与标签的区别。 HTML提供了六种不同级别的项目标题标签： <H1></H1>、<H2></H2>、<H3></H3>、<H4></H4>、<H5></H5>、<H6></H6>。 各级项目标题所显示的字样和大小与所使用的Web浏览器有关，在特殊情况下用户可以自己定义。它们之间相比<H1>的文本最大，<H6>的最小。 说明：<H1>…<H6>隐含有<BR>标签的功能。 例如： <HTML> <HEAD> <TITLE>example of heading This is “heading1” text
This is “heading2” text
This is “heading3” text
This is “heading4” text
This is “heading5” text
This is “heading6” text
