【前端】初識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屬性

有錯誤之處，感謝指出，接收批評