HTML 简介
HTML(HyperText Markup Language,中文:超文本标志言语)是一种用于创建网页布局和内容的标志言语。它由一系列标签构成,这些标签形貌了网页中的各个元素和别的干系信息。经过使用HTML标签和属性,开发职员可以界说文本、图像、链接、表格、表单等元素,并控制它们的外表和举动。本文主要先容HTML的基本看法、汗青背景和用处。
参考文档:
https://www.cjavapy.com/article/3297/
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版本。
比如:
2、HTML与Web 欣赏器
HTML(HyperText Markup Language)是一种用于创建网页布局和内容的标志言语,而Web欣赏器(如谷歌欣赏器,Internet Explorer,Firefox,Safari)是用于体现息争释HTML文档的使用步骤。Web欣赏器经过剖析HTML文档,将其转换为可视化的网页。欣赏器会读取HTML文档中的标签和内容,并依据这些标签和内容的界说,渲染出网页的布局和样式。HTML提供了种种标签和属性,用于界说文本、图像、链接、表格、表单等在网页中的展现和交互办法。欣赏器在剖析HTML时,会依据标签和属性的界说,将文本体现为段落、标题或其他格式,体现图像、链接,并呼使用户的交互利用。
经过HTML和Web欣赏器的团结,用户可以在欣赏器中拜候和欣赏种种网页内容,包含网页文本、图像、视频、音频等多媒体元素,并与网页举行交互,如点击链接、填写表单、提交数据等。
大局部欣赏器中,直接输入中文会显现中文乱码的情况,必要在头部将字符声明为 UTF-8 或 GBK。
<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/