1、 重庆工程学院科技文献检索与利用课程论文论文题目HTML 技术学院：电子信息学院班级：1491001学号：149100301姓名：曲晓晓 分数：2016 年 11 月 1 日目录目录 2摘要 3关键字：HTML ；网页；网站；标准； .4一、HTML 的基本概念 .4二、HTML 的发展 .4（一） 、HTML 的由来 .4（二） 、HTML 的语言特点 .5三、HTML 的书写方式 .5（一） 、HTML 的编辑 .5四、基本的 HTML 文档结构示例 6（一） 、HTML 的字符集 .6（二） 、HTML 的整体结构 .6（三） 、HTML 的头部内容 .7五、HTML 标签 .7（一）
2、、HTML 标题 7（二） 、HTML 段落 7（三） 、HTML 链接 8（四） 、HTML 图像 8（五） 、HTML 元素 8（六） 、嵌套的 HTML 元素 8（七） 、各种常见的标签 8六、HTML 各种排版样式 .11（一） 、HTML 的文本的排版 .11（二） 、段落的排版 12七、HTML 网页的超链接 .13八、HTML 表格 .13（一） 、表格的定义 13（二） 、表格和边框属性 14（三） 、表格的表头 14（四） 、表格中的空单元格 14九、HTML 框架 15十、总结 15十一、参考文献 16摘要随着网络在我们生活中占着越来越重要的位置，万维网也随之而来，Web
3、就其中流行的一个很重要的因素，它可以在一页上同时显示色彩丰富的图像和文本，web 可以具有将图形、音频、视频等集为一体的功能。不但使信息的显示更加生动而且是信息浏览更加方便，同时为 web 页面的能实现网易平台，客户信息反馈，方便了企业与客户之间的信息交流，许多企业纷纷建立网站以争强企业知名度，同时也逐步在外面的生活和工作中演绎着重要的地位。万维网跟 HTML 有着重要的关系，在 WWW 上，可以通过单击莫一个对象就可以自动链接到与相关的另一个文件超文本指的是就是加上超链接的对象是文本，万维网上供人们浏览的页面即是网页，进入万维网的第一个页面即为主页，一般情况下，主页的文件名为 index 。
4、HTML 的超文本功能，就是连接功能，把网页之间链接起来，网页与网页之间的链接就构成了多只多彩的 WWW。关键字：HTML ；网页；网站；标准；一、HTML 的基本概念HTML(HyperText Mark-up Language) 即超文本标记语言，它是 w3c(Worid Wide Web Consortium )组织推荐使用的一个国际标准，是一种用来制作超文本文档的简单标记语言我们在浏览网页时，看到丰富的视频、文字、图片等内容都是通过浏览器解析的 HTML 表现出来的。用 HTML 编写的超文本文档称为 HTML 文档，它能独立于各种操作系统平台，一直被用作 WWW (万维网)的信息表示
5、语言。通过介绍，我们知道了超文本标记语言的英文缩写为 HTML ，理解超文本标记语言的关键理解是”超文本”与”标记语言” 。之所以叫超文本，是因为它不仅可以加入文字的文本文件，还可以加入链接、图片、声音、动画、影视等内容。使用 HTML 描述的文件，需要通过 Web浏览器显示出效果。所谓标记语言，是指在纯文本文件里包含了 HTML指令代码。这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言。在 HTML 中，每一个用来作为标签的符号都是一条指令，告诉浏览器如何显示文本。这些标签均由 ” 以及一个字符串组成。而浏览器的功能是对这些标记进行解释后，显示出文字、图像、动画
6、和播放声音等。二、HTML 的发展（一）、HTML 的由来万维网上的一个超媒体文档称之为一个页面（外语：page） 。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接） ，所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是 HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website 或 Site） 。超级文本标记语（英文缩写：HTM
7、L）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的 Web技术（如：脚本语言、公共网关接口、组件等） ，可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。（二）、HTML 的语言特点超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（www）盛行的原因之一，其主要特点如下：1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
8、2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加表示标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。3、平台无关性：虽然个人计算机大行其道，但使用 MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。4、通用性：另外，HTML 是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。三、HTML 的书写方式（一）、HTML 的编辑它其实是文本，它需要浏览器的解释，它的编辑器大体可以分为三种，基本
9、文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用 WPS来编写，也可以。不过存盘时请使用.htm 或.html 作为扩展名，这样就方便浏览器认出直接解释执行了。1、其所见即所得软件，如：FCK-Editer、E-webediter 等在线网页编辑器；尤其推荐：Sublime Text 代码编辑器（由 Jon Skinner开发，Sublime Text 2收费但可以无限期试用） 。2、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂 HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟） ；FRONTPAGE（出品单位：微软） ；Dreamwear（
10、出品单位：Adobe） 。3、所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。四、基本的 HTML 文档结构示例（一）、HTML 的字符集在网页中除了可显示常见的美国信息交换标准代码（外语缩写：ASCII）字符和汉字外，HTML还有许多特殊字符，它们一起构成了 HTML字符集。有 2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。HTML字符可以用一些代码来表示，代码可以有 2种表示方式。即字符代码（命名实体）和数字代码
11、（编号实体） 。字符代码以“结束，其间是字符名，如。数字代码也以“结束，其间是编号，如。（二）、HTML 的整体结构一个网页对应多个 HTML文件，超文本标记语言件以.htm（磁盘操作系统 DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成 TXT类源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：） ，即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。标记符,说明该文件是用超文本标记语言（本标
12、签的中文全称）来描述的,它是文件的开头;而,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。（三）、HTML 的头部内容；这 2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符 meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用作书签和收藏清单。设置文档标题和其它在网页中不显示的信息，比如 dircation方向、语言代码Language Code（实体定义!ENTITY % i18n） 、指定字典中的元信息
13、、等等。（四） 、HTML 的主体内容；，网页中显示的实际内容均包含在这 2个正文标记符之间。正文标记符又称为实体标记。五、HTML 标签HTML是简单的文本标签语言，HTML 文档由元素组成，元素由开始标签、结束标签、属性、元素的内容 4部分构成。标签是元素组成，用来标记内容块。（一）、HTML 标题HTML 标题（Heading）是通过 - 等标签进行定义的。（二）、HTML 段落HTML 段落是通过 标签进行定义的。（三）、HTML 链接HTML 链接是通过 标签进行定义的。（四）、HTML 图像HTML 图像是通过 标签进行定义的。（五）、HTML 元素HTML 元素指的是从开始标签（
14、start tag）到结束标签（end tag）的所有代码。（六）、嵌套的 HTML 元素大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素） 。HTML 文档由嵌套的 HTML 元素构成。1、HTML 文档实例（七）、各种常见的标签HTML 标签html 文档中的存放在注释标签 中的内容不会显示在页面中 HTML 标签 标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范来渲染网页。 HTML 标签 a 标签可以定义超级连接 href 也可以定义锚链接 #nane ，是 html 中最重要的标签之一。 HTML 标签 Abbr 标签表示一个缩写形式，比如 “Inc.“、“e
15、tc.“，表示它所包含的文本是一个更长的单词或短语的缩写形式。 HTML 标签 acronym 元素可定义只取首字母缩写，比如 “WWWC“，表示“World Wide Web Consortium”。 HTML 标签 address 可定义一个联系方式（比如电子邮件地址） 。您可以使用它来定义地址、签名或者文档的作者身份。 HTML 标签 applet 定义嵌入 html 的 applet 小应用程序。applet 通常是采用 Java创建的基于HTML的程序。 HTML 标签 area 标签定义图像 image 映射中的区域,area 标签总是嵌套在 map 标签中。 HTML 标签 b
16、标签包括的文本呈现粗体 bold 文本效果，但不具备 strong 标签的扩展意义。 HTML 标签 base 标签为 html 页面上的所有链接 href 规定默认的 url 和默认打开位置 target。 HTML 标签 basefont 标签定义 html 的基准字体样式。该标签可以定义 html 文档默认字体的颜色、大小和字体 family。 HTML 标签 big 标签可以很容易地放大字体。浏览器显示包含在 big 标签和其相应的 big 标签之间的文字时，其字体比周围的文字要大一号 HTML 标签 blockquote 标签定义块引用,定义的所有文本都会从常规文本中分离出来，经常会
17、在左、右两边进行缩进（增加外边距） ，而且有时会使用斜体。 HTML 标签 body 元素定义 html 文档的主体,包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。 ） HTML 标签 br 标签用来在 html 中插入一个换行符，是一个没有结束标签的空标签，在 xhtml 中的正确写法HTML 标签 button 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 标签创建的按钮之间的不同之处。 HTML 标签 caption 标签用来定义表格的标题，必须紧随 table 标签之后,通常这个标题会居中位于表格之上。 HTM
18、L 标签 center 对其所包括的文本进行水平居中,在 XHTML 1.0 Strict DTD 中，center 元素不被支持,建议使用 CSS 样式来居中文本。 六、HTML 各种排版样式（一） 、HTML 的文本的排版最大的标题（一号标题）预先格式化文本 （英文全称：PREformatted）下划线（英文全称：Underline）黑体字 （英文全称：Bold）斜体字 （英文全称：Italics）打字机风格的字体引用，通常是斜体强调文本（通常是斜体加黑体、英文全称：EMphasize）加重文本（通常是斜体加黑体）设置字体大小从 1到 7，颜色使用名字或 RGB（中文全称：红绿蓝）的十六进
19、制值字体加大字体缩小加删除线程式码变量（英文全称：VARiable）向右缩排（向右缩进、块引用）述语定义（英文全称：DeFiNe）地址标记上标字 （英文全称：SUPerscript）下标字（英文全称：SUBscript）. 固定宽度小字体.；字体 颜色.；字体 大小等于 1（最小） 。.；字体 样式等于无限增大（100 像素）（二） 、段落的排版创建一个段落 （英文全称：Paragraphs）将段落按左、中、右对齐定义新行从两边缩进文本定义列表（英文全称：DefinitionList）放在每个定义术语词前（定义术语、英文全称：DefinitionTerm）创建一个标有序的列表，默认前面有数字，
20、从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项 （有序列表、外语全称：OrderedList）创建一个无序的列表，默认前面标有圆点，也可以自己设置为 none或者其他形状，如空心圆、方块等。 （无序列表、外语全称：UnorderedLists）放在每个列表项之前，若在；之间则每个列表项加上一个数字，若在；之间则每个列表项加上一个圆点用来排版大块 HTML段落，也用于格式化表；水平线（设定宽度、外语全称：horizontalrule）水平居中七、HTML 网页的超链接超链接在本质上属于一个网页的一部分，它是一种允许同其他网站或者站点之间进行链接的元素。互联网上的各
21、个网页链接在一起后，才能真正构成一个网站。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用 标签在 HTML 中创建链接。有两种使用 标签的方式：通过使用 href 属性 - 创建指向另一个文档的链接通过使用 name 属性 - 创建文档内的书签HTML的链接HTML 链接 - target 属性使用 Target 属性，你可以定义被链接的文档在何处显示。Visit W3School!八、HTML 表格（一） 、表格的定义表格由 标签来定义。每个表格均
22、有若干行（由 标签定义） ，每行被分割为若干单元格（由 标签定义） 。字母 td 指表格数据（table data） ，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。（二） 、表格和边框属性如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格（三） 、表格的表头（四） 、表格中的空单元格在大多数浏览器中，没有内容的表格单元显示得不太好。九、HTML 框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。垂直框架： （一）、框架结构标签（） 框架结构标签（）定义如何将窗口分割为框
23、架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积 框架标签（Frame） Frame 标签定义了放置在每个框架中的 HTML 文档。在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 “frame_a.htm“ 被置于第一个列中，而 HTML 文档 “frame_b.htm“ 被置于第二个列中：十、总结对于现在的社会，科技的飞速发展以及成为社会发展的标准，其中计算机的发展可谓模块中之快，而在计算机的发展中计算机网络的发展又是首当其冲的，计算机网
24、络从未我们所知，到现在才经历短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是 Internet的普及和发展，网络已经成为了不可或缺的通信手段。无论是最新的新闻消息，新产品出台，新游戏的发布，最新的各种 IT动态，包括等候就业人才的个人简历，我们都是通过网络来获得。但是什么围着这所以的一切提供平台呢。我们又是通过什么来获取这些信息呢-这就是网页。现如今，数以万计的网站以网页的方式提供了丰富，精彩的信息。在人类社会进入信息时代的时候，在计算机网络普及的今天，在网络成为通信的主要手段的时候，网络也在他自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人” 。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。网页设计是伴随着网络的快速发展而快速兴起。由于人们使用网络的频繁而网页制作作为网上的主要依托就变的非常重要，网页讲究的是排版布局，其主要功能是提供一种形式给每一个上网者，让他们能够了解网站提供的信息。十一、参考文献1杨远辉-清华大学出版社2储久良web 前端开发技术-清华大学出版社3唐俊开HTML5 移动 Web开发指南-武汉大学出版社
