整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

2分钟了解 HTML 的基本结构和语法规则

TML 是一种标记语言,用于创建网页和应用程序。它的基本结构由以下三个部分组成:

  • 文档类型声明(doctype declaration),用来告诉浏览器文档的版本和规范。它以 <!DOCTYPE html> 开头,表示文档遵循 HTML5 标准。
  • html 标签(html tag),用来包含整个文档的内容。它以 <html> 开始,以 </html> 结束。它还可以包含一个 lang 属性,用来指定文档的主要语言。
  • head 和 body 标签(head and body tags),用来分别包含文档的元数据(metadata)和可见内容(visible content)。head 标签以 <head> 开始,以 </head> 结束。它可以包含一些不显示在网页上的信息,比如标题、字符集、样式表等。body 标签以 <body> 开始,以 </body> 结束。它可以包含一些显示在网页上的内容,比如文本、图片、视频、表单等。

一个 HTML 的基本结构示例如下:

HTML(HyperText Markup Language,中文:超文本标记语言)是一种用于创建网页结构和内容的标记语言。它由一系列标签组成,这些标签描述了网页中的各个元素和其它相关信息。通过使用HTML标签和属性,开发人员可以定义文本、图像、链接、表格、表单等元素,并控制它们的外观和行为。本文主要介绍HTML的基本概念、历史背景和用途。


参考文档:https://www.cjavapy.com/article/3297/


HTML实例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CJAVAPY编程之路(cjavapy.com)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>


HTML文档的后缀名可以是.html或.htm,都可以使用,没有区别。


注意:对于中文网页需要使用<meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset="gbk"> 。


1、HTML的基本概念


1)标签(Tag)


HTML使用标签来定义网页中的各个元素。标签通常以尖括号< >的形式出现,如<p>表示段落,<img>表示图像等。标签可以包含属性,用于提供额外的信息或控制元素的行为。


2)元素(Element)


一个完整的HTML元素由开始标签、内容和结束标签组成。例如,<p>这是一个段落</p>就是一个完整的段落元素。


3)属性(Attribute)


HTML标签可以具有属性,用于提供元素的额外信息或控制元素的行为。属性以键值对的形式出现,例如<img src="image.jpg">中的src属性指定了图像的源文件。


4)文档结构


一个HTML文档由<html>、<head>和<body>等标签组成。其中,<html>标签用于定义整个HTML文档的根元素,<head>标签用于定义文档的头部信息,如标题和样式表链接,<body>标签用于定义文档的主体内容。


5)块级元素和内联元素


HTML元素可以被分类为块级元素和内联元素。块级元素以块的形式显示,独占一行或一块空间,如<p>、<div>等。内联元素以行内的方式显示,不会独占一行,如<span>、<a>等。


6)嵌套


HTML元素可以嵌套在其他元素内部,形成一个层次结构。例如,<div>元素可以包含<p>元素,<p>元素可以包含<span>元素。


7)<!DOCTYPE> 声明


HTML文档的开头通常会包含一个DOCTYPE声明,用于指定文档的HTML版本。


例如:


<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>


2、HTML与Web 浏览器


HTML(HyperText Markup Language)是一种用于创建网页结构和内容的标记语言,而Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于显示和解释HTML文档的应用程序。Web浏览器通过解析HTML文档,将其转换为可视化的网页。浏览器会读取HTML文档中的标签和内容,并根据这些标签和内容的定义,渲染出网页的结构和样式。HTML提供了各种标签和属性,用于定义文本、图像、链接、表格、表单等在网页中的展示和交互方式。浏览器在解析HTML时,会根据标签和属性的定义,将文本显示为段落、标题或其他格式,显示图像、链接,并响应用户的交互操作。


通过HTML和Web浏览器的结合,用户可以在浏览器中访问和浏览各种网页内容,包括网页文本、图像、视频、音频等多媒体元素,并与网页进行交互,如点击链接、填写表单、提交数据等。


大部分浏览器中,直接输出中文会出现中文乱码的情况,需要在头部将字符声明为 UTF-8 或 GBK。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
页面标题</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>


3、HTML版本及历史背景


HTML有多个版本,每个版本都有不同的特性和改进。


版本

发布时间

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2014


1)HTML 1.0


HTML 1.0是最早的HTML版本,于1993年发布。它只包含一些基本的标签和属性,用于创建简单的文本和链接。HTML 1.0的目标是定义一种通用的超文本标记语言。


2)HTML 2.0


HTML 2.0于1995年发布,是对HTML 1.0的改进和扩展。它引入了一些新的标签和属性,如图像标签和表格标签,以支持更丰富的内容展示。


3)HTML 3.2


HTML 3.2于1997年发布,是对HTML 2.0的进一步改进。它引入了一些新的标签和属性,如表单标签和框架标签,以支持交互性和页面布局。


4)HTML 4.01


HTML 4.01于1999年发布,是对HTML 3.2的修订和扩展。它引入了更多的标签和属性,如层标签和样式表,以支持更灵活的页面设计和样式控制。


5)XHTML 1.0


XHTML(eXtensible HyperText Markup Language)是基于XML的HTML版本。XHTML 1.0于2000年发布,它严格遵循XML的语法规则,要求所有标签和属性都要正确嵌套和闭合。


6)HTML5


HTML5是HTML的最新版本,于2014年正式发布。HTML5引入了许多新的特性和API,如语义化标签、多媒体支持、Canvas绘图、本地存储等。HTML5还支持响应式设计,以适应不同设备和屏幕尺寸。


4、HTML用途


HTML是构建网页结构和内容的基础语言,它提供了丰富的标签和属性,使得开发者可以创建各种类型的网页,并实现不同的功能和效果。HTML用于定义网页的整体结构,包括标题、段落、列表、标题、导航菜单等元素。通过使用不同的HTML标签和属性,可以将文本、图像、音频、视频等内容组织起来,并构建页面的层次结构。HTML可以用于展示文本内容和多媒体元素,如图像、音频和视频。通过使用适当的HTML标签和属性,可以插入和显示各种类型的媒体内容,从而使网页更加丰富和吸引人。HTML提供了创建表单的标签和元素,可以用于收集用户的输入数据。通过使用表单元素如文本框、复选框、单选按钮和下拉列表等,用户可以输入数据并提交给服务器进行处理。


参考文档:https://www.cjavapy.com/article/3297/

页开发者今天谈论的是框架、核心、网络应用程序和集成, 但是他们几乎没有为所有这些都是基于 HTML 的语言留下一个词语。 自从万维网诞生以来, 超文本标记语言就一直和我们在一起, 并且与互联网一起进化, 提供了一种简单易用的网页创建方式。 没有他们, 就没有网站可以存在——即使是那些完全用 Flash 构建的网站(当时有相当多的网站)需要它来嵌入他们的互动动画。 无处不在, 从谷歌搜索结果到移动网络应用。 现在, 在第一次实施25年之后, 让我们简单地回顾一下它的历史。

HTML

超文本标记语言最早是由著名的万维网发明家蒂莫西 · 约翰 ·"蒂姆"· 伯纳斯-李爵士首次提出。 他基于 SGMLguid 构建了这个简单的标记语言, 这是欧洲核子研究委员会内部使用的标准文档格式。 第一个公开的语言描述只包含了18个元素, 除了超链接标签, 所有这些元素都受到 SGMLguid 的启发。

今天可用的最早的 HTML 文档有以下代码:

标准

第一个关于 HTML 规范的提案是1993年中期由 Berners-Lee 和 Dan Connolly 提出的一个名为"超文本标记语言"的网页草案, 于1993年中期出版, 因此这是正式生成这种语言的时候。 这个草案连同1994年到期的 HTML + 草案, 直到1995年因特网工程工作队(IETF)完成了"HTML 2.0"规范。 从那时起, 事情发生了很快的一段时间-HTML 3.2于1997年1月发布, 接着是同年12月的 HTML 4.0。 一年之后, W3C 发布了 HTML 4.01规范, 这些仍然是这种语言十多年来唯一的版本。

HTML5

Html5是自1999年 HTML 4.01版本发布以来对 HTML 规范的第一次重大改革——正如许多人所说的那样, 终于在1999年发布了 HTML 4.01。 这也给浏览器的标记提供方式带来了严重的变化, 这些改变早就应该发生了。 除其他外, 它还增加了一种本地处理多媒体和图形内容的方法, 并且增加了新的页面结构元素, 以增强文档的语义内容。

5.0成为2014年的一个推荐, HTML 5.1在2016年遭遇了同样的命运, HTML 5.2在2017年12月14日作为 W3C推荐标准发布。 这就是我们今天的立场。