HTML是什么?

时间:2022-06-26 02:16:39 网页制作 我要投稿
  • 相关推荐

HTML是什么?

我们经常看到网页的格式是HTML,而HTML到底是什么呢?其实简单来说就是一种用于网页制作的语言,HTML就是有着比较久的历史的了。而下面就由小编给大家分享下HTML是什么吧。

HTML就是超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

详细介绍

由来

万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。[1]

定义

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,

超文本标记语言

超文本标记语言(16张)

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

语言特点

超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

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

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

书写方式

它其实是文本,它需要浏览器的解释,它的器大体可以分为三种,

基本文本、文档软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页器;

尤其推荐:Sublime Text代码器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

所见即所得软件,使用最广泛的器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。

字符集

在网页中除了可显示常见的美国信息交换标准代码(外语缩写:ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号";"结束,其间是字符名,如®。数字代码也以“&#”符开始,以分号";"结束,其间是编号,如®。

整体结构

一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本器来产生超文本标记语言文件,只用修改文件后缀即可。

超文本标记语言

超文本标记语言

标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:

),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

标记符,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,

它是文件的开头;而,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

头部内容

;这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用作书签和收藏清单。

设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language Code(实体定义!ENTITY % i18n)、指定字典中的元信息、等等。

以下表格列出了 HTML head 元素:[3]

标签

描述

定义了文档的信息

设置文档的标题。

当然,如果不使用以上基本框架结构,而直接使用在实体部分中出现的标记符,在浏览器下也可以解释执行。

内容描述

最大的标题(一号标题)

预先格式化文本 (英文全称:PREformatted)

下划线(英文全称:Underline)

黑体字 (英文全称:Bold)

斜体字 (英文全称:Italics)

打字机风格的字体

引用,通常是斜体

强调文本(通常是斜体加黑体、英文全称:EMphasize)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值

基准字体标记

字体加大

字体缩小

加删除线

程式码

键盘字(英文全称:KeyBoarD)

范例(英文全称:SAMPle)

变量(英文全称:VARiable)

向右缩排(向右缩进、块引用)

述语定义(英文全称:DeFiNe)

地址标记

上标字 (英文全称:SUPerscript)

下标字(英文全称:SUBscript)

...

;固定宽度字体(在文件中空白、换行、定位功能有效)

...

;固定宽度字体(不执行标记符号)

...

固定宽度小字体

...;字体 颜色

...;字体 大小等于1(最小)。

...;字体 样式等于无限增大(100像素)

格式标志标签

创建一个段落 (英文全称:Paragraphs)

将段落按左、中、右对齐

定义新行

从两边缩进文本

定义列表(英文全称:DefinitionList)

放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)

放在每个定义之前(定义说明、英文全称:DefinitionDescription)

创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项 (有序列表、外语全称:OrderedList)

创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。(无序列表、外语全称:UnorderedLists)

放在每个列表项之前,若在

;之间则每个列表项加上一个数字,

若在

;之间则每个列表项加上一个圆点

用来排版大块HTML段落,也用于格式化表

选项清单

目录清单

强行不换行(英文全称:nobreaking)

;水平线(设定宽度、外语全称:horizontalrule)

水平居中

网页表格标签

由于表格可以精确控制文本和图像在网页中的显示位置,所以在很多网站的主页中一般都使用表格来进行布局。

表格的基本结构如下:

...

...

...

定义整个表格,即表格的内容要放在和标记中;在中的主要属性:border属性显示表格的边框,width, height属性定义表格的大小。标记符用来定义表格的标题。

表格的表示以行为单位,在行中包含列。其中:一个...

标记表示一行;一个...标记表示一列;... 定义表头,一般可以不用。

链接标志表格标志

href="一个统一资源定位器">

:创建超文本链接。

name="书签页">

:创建位于文档内部的书签。

href="#书签页">

:创建指向位于文档内部书签的链接。

使用

每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

BGCOLOR(外语全称:BackgroundColor)用于定义网页的背景色,BACKGROUND用于定义网页背景图案的图像文件

TEXT用于定义正文字符的颜色,默认为黑色

LINK用于定义网页中超级链接字符的颜色,默认为蓝色

VLINK(外语全称:VisitedLINK)用于定义网页中已被访问过的超接链接字符的颜色,默认为紫红色

ALINK(中文全称:活动链接)用于定义被鼠标选中,但未使用时超链字符的颜色,默认为红色

例如:标记将定义页面的背景色为黑色,正文字体显示为白色。

以上属性使用中,需要对颜色进行说明,在HTML中对颜色可使用3种方法说明颜色属性值,即直接颜色名称、16进制颜色代码、10进制RGB码。

直接颜色名称,可以在代码中直接写出颜色的英文名称。如我们,在浏览器上显示时就为红色。

16进制颜色代码,语法格式: #RRGGBB 。16进制颜色代码之前必须有一个“#”号,这种颜色代码是由三部分组成的,其中前两位代表红色,中间两位代表绿色,后两位代表蓝色。不同的取值代表不同的颜色,他们的取值范围是00--FF。如我们,在浏览器上显示同样为红色。

10进制RGB码,语法格式: RGB(RRR,GGG,BBB) 。在这种表示法中,后面三个参数分别是红色、绿色、蓝色,他们的取值范围是0--255。以上两种表达方式可以相互转换,标准是16进制与10进制的相互转换。如我们,在浏览器上显示字体为红色。

使用图案代替背景颜色,可以使页面更生动、美观。

如今用一张大图当做网页的背景已经成为一种流行趋势,高质量的精美照片和抽象的设计图片能够给网站的外观带去深刻的影响。

可将图像文件“图像.gif”所表示的一幅图像作为页面的背景,若图像幅面不够大,将会将图像重复平铺在窗口中。

注释

1

其他版本

和XHTML之间的差异:

xmlns 属性在XHTML中是必需的,但在 HTML中不是。不过,即使XHTML文档中的 没有使用此属性,W3C 的验证器也不会报错。这是因为 "xmlns=百度" 是一个固定值,即使您没有包含它,此值也会被添加到 标签中。


【HTML是什么?】相关文章:

关于HTML代码的问题?07-09

html网页怎麽编辑07-03

html5就业前景07-02

]菜鸟想学网页设计,不懂html07-03

html网页设计心得体会12-21

网页html设计心得体会12-23

html网页心得体会12-28

HTML5培训心得体会12-12

如何编辑网页中文字与图片的HTML代码07-03

html5实训心得体会06-23