什麼是HTML

定義：超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於創建網頁的標準標記語言。

理解一下這個名字——【超文本標記語言】，分一下關鍵詞，我們可以得到：

【超文本】：字面上理解就是超越文本，也就是不止是文本，還有圖片、視頻啥的。

【標記】：對各種各樣的內容打上標籤，讓人們可以清楚的知道哪一塊是什麼內容。

【語言】：就是語言，我也不知道咋解釋了，和什麼C語言，java語言一樣

什麼是CSS

定義：層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML或XML等文件樣式的計算機語言。

簡單一點來說，就是為了讓HTML更加好看的語言。

HTML 和 CSS的關係

這裡就不去找網上各種複雜的說明了，對於初學者而言，簡單理解一下就是，HTML是布，可以圍在身上遮羞和保暖，但是並不美觀，和原始人一樣，然後來到了現代社會以後，人們有了對美的需求，所以就需要好看的衣服，那麼

CSS就應運而生了。借用上面的例子，有了CSS以後，程序猿們就可以用CSS將HTML這塊布做成各式各樣好看的衣服。

來看第一個HTML

所有的html應該放在後綴名為.html的頁面中

然後就瀏覽器中運行

空空如也，啥玩意也沒有，因為我們還沒有寫什麼東西，現在我們來寫第一行HTML

在瀏覽器中查看一下

我們來看看上面這行代碼是啥意思？一眼可見，上面的代碼是由兩個h1包著一個HelloWorld。

但是我們在瀏覽器中查看的時候為啥沒看到h1呢？

因為這個h1就是我們在上面說的“對各種各樣的內容打上標籤”的標籤，一個html基本上是由各式各樣的標籤組合而成的，而標籤的格式就是這樣子的

標籤>

由一個開始標籤和一個結束標籤組成，開始標籤就是一對尖括號加上標籤名組成，結束標籤就是尖括號加上斜槓+標籤名組成。在瀏覽器中查看的時候，瀏覽器會把html標籤內的容容渲染成對應樣式的內容，所以在瀏覽器中就看不到

h1 了。

對於不同的內容，就用不同的標籤加以標記，就成了最開始說的超文本標記了。

來看看一個完整的html頁面

剛才我們看到的只是一個單一的html代碼，但是對於一個完整的html頁面，是由各種各樣的html代碼拼接成。那麼，為了規範這些亂起八糟的代碼，對於完整的html頁面，就有一些特定的格式。

我們先來看下面的一些代碼

 
 
 
 
 
這是第一個html頁面

 

對於一個html頁面，最外層用一個標籤來標記一下內容是一個html頁面，在裡面又有兩個標籤分別是

在的中用來記錄一些這個頁面的相關信息，比如這個頁面的標題是啥，關鍵詞是啥，編碼方式是啥之類的信息。

在中就是我們編寫的各種各樣的html標籤