html技术论文.docx

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