原创力文档- 1、本文档共19页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第3章 HTML相关技术基础知识
纵观各种动态页面开发技术，无论是 JSP 、ASP 还是 PHP 都无法摆脱 HTML 的影子。这些动态的
页面开发技术无非是在静态 HTML 页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页
面开发技术的基础。在接下来的章节将要详细介绍的就是 HTML 相关的一系列技术，包括 HTML 、
JavaScript 和 CSS 。其中HTML 是一组标签，负责网页的基本表现形式；JavaScript 是在客户端浏览器运
行的语言，负责在客户端与用户的互动；CSS 是一个样式表，起到美化整个页面的功能。
本书不是详细介绍 HTML 的专著，在本章也只是讲解Web 开发中最常见的 HTML 知识，目的在于
使读者能尽快进入 Web 开发的状态。如果读者有更深层次的需求可以参考专门讲解 HTML 的书籍。
3.1 HTML 基础知识
在各种 Web 开发技术中，HTML 无疑是最为基础的。任何动态语言都离不开 HTML 的支持。所以
在开始 Web 开发的学习之前，读者还是需要静下心来打好这个基础。在这个章节中将会概述 HTML 的
框架知识。
3.1.1 什么是 HTML
HTML （Hyper Text Markup Language ）即超文本标记语言，用来描述Web 文档数据。用户可以通
过 URL 链接来访问这种 Web 文档，从而达到信息展示、信息共享的目的。下面就是一个简单的 HTML
文档的例子。
//文件名：First.html
<html>
<head>
<title>这是第一个 HTML 例子</title>
</head>
<body>
欢迎光临！这是我的第一个 HTML 文档。 <br/>
</body>
</html>
在这个 HTML 文档中，可以看出 HTML 的简单结构，每个 HTML 文档都包括一对<html></html>
标签，这是所有 HTML 文档所必需的。在这个标签中间还包括着其他两对<head></head> 、
<body></body> ，其中在<head></head> 中是HTML 文档的头信息，包括标题、关键字、页面编码格式、
引入的 CSS 或者是 JavaScript 文件的路径等基本信息。在<body></body> 中间放置的是文档要表述展示
的内容，在上面这个例子中我们要展示的仅仅是“ 欢迎光临！这是我的第一个 HTML 文档。”这句话。
所以在<body></body>这对标签中间没有其他内容。
注意：一般情况下，可以包括其他内容的 HTML 标签都是成对出现的，例如上面例子中的
<title></title>这对标签，它包含了一个文字的标题信息，所以成对出现。而<br/>这样的标签仅仅是一个
回车换行的作用，它不包含其他内容，所以不成对出现。
3.1.2 HTML 运行原理
在上面的例子中我们看到的仅仅是几行代码，而在大家的印象中 HTML 文档就是网页，究竟如何
把 HTML 文档转化成我们常见的网页，这就是接下来要介绍的内容。
我们平时所看的丰富多彩的网页都是通过浏览器看到的，当你在浏览器中敲入网址，然后就可以看
到对应的一个网页，上面有各种各样的内容。其实在本质上你敲入的网址就是互联网上一个 HTML 文
档的访问路径，浏览器可以根据这个路径取回这个 HTML 文档，取回的文档格式和上面例子中的类似。
只不过把这些代码翻译成了一个形象的网页。
前面介绍 HTML 定义的时候就说过，HTML 是一种标记语言，每一种 HTML 标签都是有一定表现
含义的。浏览器就是按照 HTML 标签的语义规则把 HTML 代码翻译成漂亮的网页。就像上面的 HTML
文档示例会被翻译成如图 3.1 所示的效果。
图3.1 First.html 在浏览器中
文档评论（0）