【前端】初识HTML

刚开始接触HTML的时候，对一些名词多少会有点疑问。在学习之前，不如先弄清楚它们是什么，以及他们之间的关系。

（以下为本人一开始遇到的疑问）

1、什么是HTML？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建HTML文档的标准标记语言。

HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计。

HTML元素是构建HTML文档的基石。

（参考自维基百科）

2、HTML元素、HTML标签

HTML元素由一个开始的HTML标签和结束的HTML标签组成。（单标签是个例外）

如：<p>是个HTML标签，<p>Java是世界上最好的语言</p>就是个元素。

3、HTML元素、HTML属性、HTML事件？

一开始就有点乱：元素是什么？属性又是什么？事件？

HTML元素

（上面已经提过）

一个HTML元素是HTML文件的一个基本组成单元，一个HTML文档由多个HTML元素构成。

用HTML元素写一个网页，就好比用乐高零件组合成一个完整的模型。 （HTML元素 >> 乐高零件， 网页 >> 完整模型）

HTML元素有很多，<p></p>就是其中的一种元素。

例：使用一个元素**<p></p>**

<p>Java是世界上最好的语言</p>

效果：（运行后在网页上预览）

在网页中就可以看到这个元素展示的效果。当然，想要得到更炫酷的效果，要用到更多的元素，以及HTML属性。

HTML属性

HTML元素上的属性，可以在元素中添加附加信息。

例如，使用id属性添加id

<p id="p">Java是世界上最好的语言</p>

其中的id就是这个元素的一个属性。

属性有很多，其中有个样式属性style

例：添加绿色背景

<p style="background: green">Java是世界上最好的语言</p>

效果：

绿色背景

还有很多不同的属性，不同的属性有不同的功能，这里就不一一说明了。更多HTML属性

HTML事件

HTML 事件是发生在 HTML 元素上的事情。我们可以对事件做出回应。如，一个按钮被点击，这时会触发一个点击事件。

例：点击按钮，得到点击事件，从而改变背景色（代码就不贴了）

每次点击，都会触发一个点击（onclick）事件，在事件中改变背景色即可。

关系

简单来说，HTML元素就是HTML文档上的基本单位，HTML属性为这个HTML元素添加附加信息，HTML事件为这个元素提供一系列动作。

4、H5是什么，跟HTML有什么关系?

H5是HTML5的简称，HTML5是HTML最新的修订版本。（它的上一个版本是1999年所制定的HTML 4.01。）

宽泛来说HTML5是HTML、JavaScript、CSS在内的一套技术组合

所以，所谓学习H5，不过是学习HTML、JavaScript、CSS等一系列技术。