【HTML·初识】1.2什么是HTML页面
超文本标记语言(HyperText Markup Language,HTML)是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

这一章节来认识什么是HTML,主要学习HTML的标签和标签对应的属性,这是整个HTML的重中之重,因为整个HTML都离不开标签和属性,标签构成页面的内容,属性丰富了标签所表示的内容的多样性。
在学习过程中,可以参考【HTML菜鸟教程】https://www.runoob.com/html/html-intro.html
打开浏览器,例如打开百度的首页

这个页面非常的简洁,但是包含了很多内容,有文字、图片、动画、超链接等一系列HTML页面所能够包含的元素。什么意思,也就是说,html页面就是能够包含文本、图像、声音、超链接等内容的集合,然后通过浏览器对这些元素进行渲染,就呈现出多彩的页面。
打开页面的审查元素(快捷键是【F12】),就能够看到构成html页面的所有元素,当我们在写页面,对页面进行调试的时候,也是通过审查元素,在这个窗口里面检测问题,所以审查的方法一定要掌握。

这里面有一堆还不认识的标签<html></html>、<body></body>,没有关系,一个简单的html页面,就包含这些元素

这个一个极其简单的页面,包含了我们常用的标签
什么是标签?
带有<>的标记就是标签,标签主要有三种类型
单标签,<br />,只有一个<>,以/结束
双标记,<div></div>,成对出现,后面一个以/结束
注释标记,<!--注释内容-->,需要注释的内容放在<!-- -->里面
对上面的简单页面中的标签做简要说明:
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
HTML页面的一个简单的可视化结构如图所示

一个HTML页面最基本框架就是

我们要呈现在页面上的内容,都将写在body这个标签里面,body里面的内容是在页面可见的。当然了,HTML中的标签种类是非常丰富的,标签的学习也是整个HTML的重点,这个我们在后续章节详细讲述。
我们在声明HTML页面的时候,用的是<!DOCTYPE html>标签,这是有历史依据的,以下是HTML的历史版本,现在我们常用的是HTML5这个版本,而标签<!DOCTYPE html>则是HTML5这个版本的标记。


所以在我们写页面的时候,直接用html5的声明就可以了,基本上主流的浏览器(谷歌浏览器,Internet Explorer,Firefox,Safari)都会支持这个声明。
在了解这么多之后,一定想要自己写个HTML页面试试手,那么HTML页面怎么写呢,用什么工具来写呢?在电脑上建立一个hello.txt的文件,将下面的代码粘贴复制进去保存

然后将hello.txt的后缀名修改为.html,即有hello.html,用浏览器(谷歌浏览器,Internet Explorer,Firefox,Safari)打开,你将在页面上看到hello world字样的输出,这就是第一个html页面。
用记事本的方式写页面当然是不方便的,市面上有很多好用的编译器可供选择,这里推荐使用【webstorm】这款编译器,自认为是用过最好用的一款编译器了。关于这款编译器的使用方式,请参考相关的经验分享,这里不再赘述。
还有其他的编译器,比如DW,DW和WS这两款编译器在百度云盘有分享,回复关键字:网页制作资源文件即可获取。
后面我们将着重讲解HTML标签和标签对应的属性。