html技术论文.docx
- 文档编号:11885870
- 上传时间:2023-04-08
- 格式:DOCX
- 页数:12
- 大小:421.41KB
html技术论文.docx
《html技术论文.docx》由会员分享,可在线阅读,更多相关《html技术论文.docx(12页珍藏版)》请在冰豆网上搜索。
html技术论文
工程学院
科技文献检索与利用课程论文
论文题目
HTML技术
2016年11月1日
摘要
随着网络在我们生活中占着越来越重要的位置,万维网也随之而来,Web就其中流行的一个很重要的因素,它可以在一页上同时显示色彩丰富的图像和文本,web可以具有将图形、音频、视频等集为一体的功能。
不但使信息的显示更加生动而且是信息浏览更加方便,同时为web页面的能实现网易平台,客户信息反馈,方便了企业与客户之间的信息交流,许多企业纷纷建立以争强企业知名度,同时也逐步在外面的生活和工作中演绎着重要的地位。
万维网跟HTML有着重要的关系,在上,可以通过单击莫一个对象就可以自动到与相关的另一个文件超文本指的是就是加上超的对象是文本,万维网上供人们浏览的页面即是网页,进入万维网的第一个页面即为主页,一般情况下,主页的文件名为index。
HTML的超文本功能,就是连接功能,把网页之间起来,网页与网页之间的就构成了多只多彩的。
关键字:
HTML;网页;;标准;
一、HTML的基本概念
HTML(HyperTextMark-upLanguage)即超文本标记语言,它是w3c(WoridWideWebConsortium)组织推荐使用的一个国际标准,是一种用来制作超文本文档的简单标记语言我们在浏览网页时,看到丰富的视频、文字、图片等容都是通过浏览器解析的HTML表现出来的。
用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,一直被用作(万维网)的信息表示语言。
通过介绍,我们知道了超文本标记语言的英文缩写为HTML,理解超文本标记语言的关键理解是”超文本”与”标记语言”。
之所以叫超文本,是因为它不仅可以加入文字的文本文件,还可以加入、图片、声音、动画、影视等容。
使用HTML描述的文件,需要通过Web浏览器显示出效果。
所谓标记语言,是指在纯文本文件里包含了HTML指令代码。
这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言。
在HTML中,每一个用来作为标签的符号都是一条指令,告诉浏览器如何显示文本。
这些标签均由”<”和”>”以及一个字符串组成。
而浏览器的功能是对这些标记进行解释后,显示出文字、图像、动画和播放声音等。
二、HTML的发展
(一)、HTML的由来
万维网上的一个超媒体文档称之为一个页面(外语:
page)。
作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:
Homepage)或首页,主页常包括有指向其他相关页面或其他节点的指针(超级),所谓超级,就是一种统一资源定位器(UniformResourceLocator,外语缩写:
URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。
这也是HTML获得广泛应用的最重要的原因之一。
在逻辑上将视为一个整体的一系列页面的有机集合称为(Website或Site)。
超级文本标记语(英文缩写:
HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:
脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。
因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级”点。
(二)、HTML的语言特点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(baike.baidu./view/1453.htm)盛行的原因之一,其主要特点如下:
1、简易性:
超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:
超级文本标记语言的广泛应用带来了加强功能,增加表示标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:
虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网()盛行的另一个原因。
4、通用性:
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。
它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
三、HTML的书写方式
(一)、HTML的编辑
它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,
基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。
不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。
1、其所见即所得软件,
如:
FCK-Editer、E-webediter等在线网页编辑器;
尤其推荐:
SublimeText代码编辑器(由JonSkinner开发,SublimeText2收费但可以无限期试用)。
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方向、语言代码LanguageCode(实体定义!
ENTITY%i18n)、指定字典中的元信息、等等。
(四)、HTML的主体容
;,网页中显示的实际容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
五、HTML标签
HTML是简单的文本标签语言,HTML文档由元素组成,元素由开始标签、结束标签、属性、元素的容4部分构成。
标签是元素组成,用来标记容块。
(一)、HTML标题
HTML标题(Heading)是通过
-等标签进行定义的。
(二)、HTML段落
HTML段落是通过
标签进行定义的。
(三)、HTML
HTML是通过标签进行定义的。
(四)、HTML图像
HTML图像是通过标签进行定义的。
(五)、HTML元素
HTML元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。
(六)、嵌套的HTML元素
大多数HTML元素可以嵌套(可以包含其他HTML元素)。
HTML文档由嵌套的HTML元素构成。
1、HTML文档实例
(七)、各种常见的标签
HTML
--...-->标签
html文档中的存放在注释标签中的容不会显示在页面中
HTML
DOCTYPE>标签
标签可告知浏览器文档使用哪种HTML或XHTML规来渲染网页。
HTML标签
a标签可以定义超级连接href也可以定义锚#nane,是html中最重要的标签之一。
HTML标签
Abbr标签表示一个缩写形式,比如"Inc."、"etc.",表示它所包含的文本是一个更长的单词或短语的缩写形式。
HTML标签
acronym元素可定义只取首字母缩写,比如"C",表示“WorldWideWebConsortium”。
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对其所包括的文本进行水平居中,在XHTML1.0StrictDTD中,center元素不被支持,建议使用CSS样式来居中文本。
六、HTML各种排版样式
(一)、HTML的文本的排版
最大的标题(一号标题)预先格式化文本(英文全称:PREformatted)
下划线(英文全称:
Underline)
黑体字(英文全称:
Bold)
斜体字(英文全称:
Italics)
打字机风格的字体
引用,通常是斜体
强调文本(通常是斜体加黑体、英文全称:
EMphasize)
加重文本(通常是斜体加黑体)
设置字体大小从1到7,颜色使用名字或RGB(中文全称: 红绿蓝)的十六进制值
字体加大
字体缩小
加删除线
程式码
变量(英文全称:
VARiable)
向右缩排(向右缩进、块引用)述语定义(英文全称:
DeFiNe)
地址标记上标字(英文全称:
SUPerscript)
下标字(英文全称:
SUBscript)
... 固定宽度小字体
...;字体颜色
...;字体大小等于1(最小)。
100px'>...;字体样式等于无限增大(100像素)
(二)、段落的排版
创建一个段落(英文全称:
Paragraphs)
将段落按左、中、右对齐 从两边缩进文本
定义新行定义列表(英文全称:
DefinitionList)
放在每个定义术语词前(定义术语、英文全称: DefinitionTerm)
创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项(有序列表、外语全称:
OrderedList)
创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。
(无序列表、外语全称:
UnorderedLists)
放在每个列表项之前,若在 ;之间则每个列表项加上一个数字,
若在
;之间则每个列表项加上一个圆点
horizontalrule)
七、HTML网页的超
超在本质上属于一个网页的一部分,它是一种允许同其他或者站点之间进行的元素。
互联网上的各个网页在一起后,才能真正构成一个。
超可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个上时,箭头会变为一只小手。
我们通过使用标签在HTML中创建。
有两种使用标签的方式:
通过使用href属性-创建指向另一个文档的
通过使用name属性-创建文档的书签
HTML的
HTML-target属性
使用Target属性,你可以定义被的文档在何处显示。
八、HTML表格
(一)、表格的定义
表格由
标签定义)。 字母td指表格数据(tabledata),即数据单元格的容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 (二)、表格和边框属性 如果不定义边框属性,表格将不显示边框。 有时这很有用,但是大多数时候,我们希望显示边框。 使用边框属性来显示一个带有边框的表格 (三)、表格的表头 (四)、表格中的空单元格 在大多数浏览器中,没有容的表格单元显示得不太好。 九、HTML框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 垂直框架: (一)、框架结构标签( |