小白自學前端 HTML 一

本文內容和順序，是參考的 w3c 組織所屬**。w3c 即 html 規則的制定組織。如果不想看我的文章可以直接去看他們的**就行了。tip: 沒事，我就隨便寫寫 /doge。

w3c **

html 就是用來描述網頁的一種語言。

html 標記標籤也可以稱之為 html 標籤 (html tag)。

html 標籤***通常***是成對出現的。如：和是一對的

第乙個標籤稱為開始標籤 (開放標籤)，第二個標籤稱為結束標籤 (閉合標籤)

html 文件 = html 標籤 + 純文字

html 文件是用來描述網頁的，所以 html 文件也可以被稱為網頁。但是 html 文件又和我們平時所看到的網頁不太一樣。如下：

1.3.1 通過文字格式開啟 html 文件

這個通過文字格式開啟 html 文件以後所看到的樣子。我們只能看到這個裡面包含了很多 html 標籤，還有一些純文字。每個標籤具體的作用，後面都會一一講到。

body>
html>

1.3.2 通過瀏覽器開啟 html 文件

這個是我們通過瀏覽器開啟的 html 文件以後所看到的，你可以發現所有的標籤都不見了，只剩下了純文字了。這是為什呢？原來，是瀏覽器讀取到 html 文件以後，會借用這些標籤來解釋頁面的內容。比如：當瀏覽器看到了之間的文字被顯示為標題（一般會將文字字型放大和加粗）

tip: 按道理來說當純文字寫在了標籤之外的地方，是不會被頁面所顯示的，但是為什麼還會被看到呢？

實際上是 web 瀏覽器在解析的時候，發現了純文字內容出現在了 body 標籤以外的區域的話，就會將它放到 body 標籤之中，就算你的 html 文件中，只有純文字沒有標籤，但是 web 瀏覽器會自動的生成必要的內容，並將純文字放在 body 標籤中。

1.4.3 網頁除錯

在以後的學習中，在頁面展示的效果和預期不符的時候，免不了對網頁的除錯。如果每次都要對文件進行修改，然後儲存再重新整理網頁的話，那麼效率是很低。所以我們要學會使用 web 瀏覽器提供的開發者工具，來幫助我們除錯頁面。

tip: 都2023年了，不會還有程式設計師用的不是谷歌瀏覽器吧，不會吧！不會吧！

1.4.4 注釋

「任何傻瓜都能寫出計算機可以理解的**。好的程式設計師能寫出人能讀懂的**」 —— martin fowler

現在的話，你看見**是不是覺得還可以，都能理解，但是越到後面，你可能就不知道自己的**到底是幹啥的了。這個時候注釋就很有必要了，web 瀏覽器是不會解析注釋的，也就是說注釋是給開發者看的，而不是給使用者看的。適當的**注釋能很大的提高**的可讀性。越到後面你就越能發覺寫注釋的必要性了。

程式設計師最討厭的兩件事

看別人的**發現別人沒有寫注釋

讓自己寫注釋

tip: 上面的是開玩笑的，還是要多寫寫注釋呀，養成乙個好的習慣。

進入正題：如何寫注釋

在標籤中寫的內容就是注釋，它不會被 web 瀏覽器解析，但是我們可以從 html 原始碼中看到。

body>
html>

用瀏覽器開啟這個網頁

通過開發者工具觀察原始碼

本文使用 mdnice 排版