Web开发基础---HTML技术

2023-6-21 07:56| 发布者: 夏梦飞雨| 查看: 170| 评论: 0

摘要: 1 概述HTML(Hyper Text Markup Language),即超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的 ...

1 概述

HTML(Hyper Text Markup Language),即超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。


HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。HTML文件的扩展名为htm(因为之前的文件系统最多只支持三位扩展名)或html。


超文本(Hyper Text)是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联,这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是位于地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源连接起来,便于人们查找、检索信息。HTML 的“超文本”特性,主要指文本中包含了所谓“超级链接”点。


1.1 来源

HTML 是由Web的发明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于1990年创立的一种标记语言,它是SGML(标准通用化标记语言)的应用。使用 HTML 编写的超文本文档称为HTML文档,它能应用于各种操作系统平台(如UNIX、Windows等)。使用 HTML 将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器将HTML文件“翻译”成可以识别的信息,即可获得用户端所见到的网页。


自1990年以来,HTML 就一直被用作万维网(world wide web,简称www)的信息表示语言,HTML文件需要通过Web浏览器显示出效果。HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字等内容显示出来。事实上,每一个HTML文档都是一个静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,只是一种“排版网页中资料显示位置”的标记结构语言。HTML的应用体现着超文本的技术:通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面,与世界各地主机的文件进行链接。此外,HTTP(超文本传输协议)规定了浏览器在运行HTML文档时应遵循的规则和需进行的操作,因此 HTTP 使浏览器在运行超文本时有了统一的规则和标准。


万维网上的一个超媒体文档称之为一个页面(page),一个组织或者个人在万维网上放置的开始的页面称为主页(Homepage)或首页,主页中通常包括指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,简称URL)指针,通过激活(点击)该指针,可使浏览器获取新的网页,这也是 HTML 获得广泛应用的最重要的原因之一。在逻辑上,将视为一个整体的一系列页面的有机集合称为网站(Website 或 Site)。HTML 就是为“创建网页和其它可在网页浏览器中看到的信息”而设计的一种标记语言。网页的本质就是 HTML,通过结合其他的Web技术(如脚本语言、公共网关接口、组件等),可以创造出功能强大的网页,因此,HTML 是Web编程的基础,万维网是建立在超文本基础之上的。


1.2 定义解释

HTML 是 SGML(标准通用标记语言)下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件的内容,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。需要注意的是,对于不同的浏览器,对同一标记符可能会有不同的解释,因而呈现出不同的显示效果。


2 版本信息

HTML 是用来标记Web信息如何展示以及其他特性的一种语法规则,它最初于1989年由 CERN 的 Tim Berners-Lee发明。HTML 基于更古老的语言 SGML 的一些定义,并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以 HTML 很早就得到各个Web浏览器厂商的支持。


HTML 的版本信息如下:


HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

HTML 2.0:1995年11月作为 RFC 1866 发布,于2000年6月发布之后被宣布已经过时。

HTML 3.2:1997年1月14日,W3C推荐标准。

HTML 4.0:1997年12月18日,W3C推荐标准。

HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。

HTML 5:公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。

3 特点

HTML 文档的编写不是很复杂,但其功能强大,支持不同数据格式的文件嵌入,这也是万维网盛行的原因之一。

HTML 的主要特点如下:

简易性:HTML版本升级采用超集方式,从而更加灵活方便。

可扩展性:HTML 的广泛应用带来了加强功能、增加标识符等要求,HTML 采取子类元素的方式,为系统扩展带来保证。

平台无关性:超文本标记语言可以使用在广泛的平台上,这是万维网盛行的另一个原因。

通用性:HTML 是网络的通用语言,一种简单、通用的全置标记语言。无论使用的是什么类型的电脑或浏览器,都可以浏览 HTML 编写的网页。

4 编辑

4.1 编辑器

HTML 实际上编写的是文本内容,它的编辑器大体可以分为以下几种:


文本、文档编辑软件:使用微软自带的记事本或写字板,或者 WPS、Word 等编写都可以,在保存时需要使用“.htm”或“.html”作为扩展名;

半所见即所得软件:如 FCK-Editer、E-webediter 等在线网页编辑器。另外推荐 Sublime Text 代码编辑器;

所见即所得软件:使用最广泛的编辑器,完全可以一点不懂 HTML 的知识就可以做出网页。如万维网联盟的 AMAYA、微软的 FRONTPAGE、Adobe 的 Dreamweaver、微软的 Microsoft Visual Studio,其中所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强,任何地方修改后只需要刷新即可立即显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。

4.2 字符集

除了常见的ASCII字符和汉字,HTML 还有许多特殊字符,它们一起构成了HTML字符集。

有2种情况需要使用特殊字符:一是网页中有其特殊意义的字符;二是键盘上没有的字符。

HTML字符可以用一些代码来表示,代码可以有2种表示方式:字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如“”。数字代码以“&#”符开始,以分号";"结束,其间是编号,如“”。

4.3 数据类型

HTML 定义了多种数据类型的元素内容(如脚本数据和样式表的数据)和众多类型的属性值,包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等,所有这些数据类型都是专业的字符数据。

4.4 编辑说明

在编辑HTML文件和使用有关标记符时,有一些约定或默认的要求,具体如下:

文本标记语言源程序的文件扩展名默认使用 htm 或 html,以便于操作系统或程序辨认。

HTML 源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行。若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“&nbsp”表示非换行空格;表示文件路径时使用符号“/”分隔,文件名及路径描述可用双引号也可不用引号括起。

标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束。大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同。许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可。一个标记元素的内容可以写成多行。

标记符号,包括尖括号、标记元素、属性项等,必须使用半角的西文字符,而不能使用全角字符。

HTML注释由“<!--”号开始,由符号“-->”结束,例如“<!--注释内容-->”。注释内容可插入文本中任何位置。任何标记若在其最前插入感叹号,即被标识为注释,不予显示。

5 结构

一个网页对应着一个或多个HTML文件,标准的HTML文件都具有一个基本结构,这个基本结构包括以下内容:

开头与结尾标志;

头部;

实体。

下面具体介绍一下HTML文件的基本结构内容。

5.1 开头与结尾

HTML文件的开头,使用标记符“<html>”,用来说明该文件是用 HTML 来描述的。HTML文件的结尾,使用标记符“</html>”。

5.2 头部

标记符“<head>和</head>”分别表示头部信息的开始和结尾。

头部信息中包含页面的标题、序言、说明等内容,它本身不作为内容来显示,但是会影响网页显示的效果。

头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。

5.3 主体

标记符“<body>和</body>”分别表示主体内容的开始和结尾,网页中显示的实际内容均包含在这2个正文标记符(实体标记)之间。

5.4 示例

下面给出一个简单的 html 文本示例:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
...
</body>
</html>

路过

雷人

握手

鲜花

鸡蛋
版权声明:免责声明:文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递 更多信息之目的, 并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快处理。
已有 0 人参与

会员评论

相关分类

 万奢网手机版

官网微博:万奢网服务平台

今日头条二维码 1 微信公众号二维码 1 抖音小程序二维码 1
上海万湖珠宝贸易有限公司 地址:上海市宝山区共和新路4727号新陆国际大厦1003-1007室 网站经营许可证 备案号:沪ICP备11005343号-12012-2019
万奢网主要专注于手表回收,二手名表回收/销售业务,可免费鉴定(手表真假),评估手表回收价格,正规手表回收公司,宝山实体店,支持全国范围上门回收手表
返回顶部