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