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 |