欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

什么是HTML?

程序员文章站 2022-06-10 17:46:39
什么是HTML?HTML是一种标准的标记语言,用这种语言可以创建web页面。 HTML是一种超文本标记语言HTML使用一些标记来描述页面的结构HTML中的元素(elements)是构建页面的基础HTML用标签(tags)代表网页元素各种不同的标签(如头部标签,表格标签,图片标签)彼此分工又相互组合, ......

什么是HTML?
HTML是一种标准的标记语言,用这种语言可以创建web页面。

HTML是一种超文本标记语言
HTML使用一些标记来描述页面的结构
HTML中的元素(elements)是构建页面的基础
HTML用标签(tags)代表网页元素
各种不同的标签(如头部标签,表格标签,图片标签)彼此分工又相互组合,构成了多彩的web世界
浏览器并不会将标签展示出来,我们所看到的HTML页面都是标签渲染之后的结果
一个简单的HTML实例
HTML实例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>

<h1>我是h1标签</h1>
<p>我是段落</p>

</body>
</html>
尝试一下

实例解析
<!DOCTYPE html>描述了当前页面的文档类型为HTML5
<html>标签是是整个HTML页面的根元素
<head>标签是头标签,里面通常包含<meta>标签(该标签可以向浏览器提供一些元数据)
<title>标签描述了当前页面的标题,通常会在浏览器的选项卡里显示
<h1>标签定义了一级标题的内容
<p>标签定义了文章段落的内容
HTML标签
HTML标签是由标签名和箭头括号包裹起来的一个元素块,里面可以填充一些内容或者嵌套其他标签

<标签名>我是内容</标签名>
一般来说HTML标签总是成双成对出现,诸如<p></p>
第一个标签我们称为起始标签,第二个标签我们称为结束标签
结束标签的写法和起始标签一样,只不过会在箭头括号内,标签名前加上一个正斜杠
浏览器和HTML的关系
浏览器的主要工作是读取HTML文件并将页面展示出来。

浏览器并不展示HTML标签,而是根据HTML文件提供的标签来决定如何渲染页面。

HTML页面结构
如下为html页面的通用结构:

<html>

<head>
<title>标题</title>
</head>

<body>

<h1>一级标题</h1>
<p>文章段落1</p>
<p>文章段落2</p>

</body>

</html>
注意:只有在<body></body>标签中的内容才会展示在浏览器中。

<!DOCTYPE>声明的作用
<!DOCTYPE>告诉浏览器当前页面的文档类型,浏览器根据该声明来正确地描述页面。

一个HTML页面只能出现一次<!DOCTYPE>声明,并且该声明必须置于页面顶部。

<!DOCTYPE>大小写通用,开发者可以写成<!doctype>。

HTML版本
下表罗列了HTM的版本信息:

版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014


原文链接:
www.w3uu.com/intro/base/html-tutorial.html