【前端】初识HTML

438 阅读3分钟

刚开始接触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有什么关系?

H5HTML5简称HTML5是HTML最新的修订版本。(它的上一个版本是1999年所制定的HTML 4.01。)

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

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

参考

维基百科

相关阅读

从0.1开始,创建第一个项目

CSS : 入门

HTML标签

HTML属性

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