【前端】初识HTML

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

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

一、什么是HTML？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于建立HTML文档的标准标记语言。 HTML是一种基础技术，常与CSS、JavaScript一块儿被众多网站用于设计。 HTML元素是构建HTML文档的基石。 （参考自维基百科）

二、HTML元素、HTML标签

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

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

三、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事件为这个元素提供一系列动做。

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

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

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

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

参考

维基百科

相关阅读

从0.1开始，建立第一个项目

CSS : 入门

HTML标签

HTML属性

有错误之处，感谢指出，接收批评