在這節課中， 我們將討論超文本標記語言。 超文本標記語言或 HTML， 是互聯網上使用的主要語言。 這種語言是在 1990 年代初引入的 蒂姆·伯納斯-李爵士， 並包含超鏈接等功能 我們今天認為理所當然。 我們將看看 HTML 和一些新的約定 在過去的幾年裡已經出現了。 我要刪除我們這裡的 HTML。 我們將從文檔類型開始。 我們實際上可以從 HTML 開始。 現在，如果我們從 HTML 開始， 就像您現在在頁面上看到的 HTML 元素一樣。 哦，順便說一下，您經常會聽到稱為標籤的 HTML 元素。 一種思考方式是 HTML 元素 是一整套標籤。 在這種情況下，如果我們放置一個段落並附上它 帶有兩個 P 標籤或段落標籤， 然後你去，我們有一個段落元素。 有些元素可能被認為是事物 比如地址，頁腳，頁眉， 以及 HTML 中的其他內容。 在這種情況下，我們將考慮 HTML 元素 和 HTML 標籤是同義詞。 我們有時會使用標籤，有時我們會使用元素。 所以讓我們開始使用幾個標籤。 首先，我們將從 DOCTYPE 聲明開始。 所以我們要繼續插入角度感嘆號 文檔類型 HTML。 這告訴我們我們正在使用一些東西 在 2000 年之後的 HTML 中， 只需鍵入 HTML 本身就會呈現您的文檔 以一種古怪的方式，那將是某事 就像 1990 年代的文檔渲染一樣。 現在這還不錯。 您實際上可以按照當今的標準鍵入所有 HTML 並在頂部使用 HTML 那會好的。 但是，有一些標籤，一些元素 在 1990 年代不支持， 你可以看到這可能會變得令人困惑。 所以為了避免這種情況，我們使用感嘆號， 人們稱之為 bang 和 DOCTYPE HTML。 在我們使用 DOCTYPE HTML 的初始聲明之後， 我們將繼續並開始我們的 HTML 編碼。 現在首先使用 HTML，我們將擁有 您通常在文檔中的內容。 所以在 HTML 下，我們會有一個 head 部分 我們還將有一個正文部分。 所以讓我們繼續吧。 我會做這樣的身體。 所以我們將有一個頭部和一個身體部分。 現在我要關閉每個標籤， 這些元素中的每一個。 在這裡你會看到身體 我會用斜杠關閉它。 所以我們有 HTML 頭，頭，身體，身體， 就這樣，我們可以關閉我們的 HTML。 現在我正在使用的編輯器放置文本 在正確的製表符或正確的間距中 從側面看，真的很方便。 我們未來的編輯會關注 在 Visual Studio 代碼和 VS 代碼 會給你比你能看到的更多的選擇 就在屏幕上。 我們在屏幕上輸入的是原始 HTML 這正是文檔的創建方式。 我應該注意 DOCTYPE 不是必需的 在這裡要大寫，我們實際上可以使所有 這個小寫的，這要容易得多 你會在你打字的時候找到。 然後在頭部下方， 我們實際上可以輸入我們的標題 我們的頁面。 所以我會很快保存，讓我們看看 到目前為止我們所擁有的。 現在我們有一個空白文件。 如果你看這個， 我們有很多空白文檔的代碼， 但我們有一個標題為網頁的空白文檔。 因此，如果我們在頂部向上看， 我們會看到該網頁確實是頂部的標題。 我們今天要使用的三個元素或標籤 是標題，段落，換行符，圖像源， 一個 URL 鏈接，所以這將是一些東西 你有一個鏈接到你想去的另一個網站 到那個鏈接，以及你得到的列表 一個未編號的列表，最後是一個表格。 要看看這是什麼樣子， 讓我們繼續進入我們的身體，在身體裡， 我們將繼續創建一個段落。 所以右邊的P是段落的標籤。 你會說這是一個段落。 現在一旦我們輸入這是一個段落， 您不需要那裡的元素之後的空格。 所以我們可以保存它。 確保在重新加載之前將其保存在服務器中。 你會看到這是一個出現的段落。 好吧，在你的段落之前，你通常會有標題。 所以讓我們到這裡的body，讓我們看看H1。 現在 H1 是最大的標題。 如果您曾經創建過文檔， 這不是任何類型的文字處理器， 你知道你有文件的標題， 然後在標題下方， 你會有第一個標題然後你會輸入 有時你會有一個副標題 和一個副標題等。 嗯，這是同一件事。 所以在這裡我們可以說這是標題一， 我會去做一個這樣的H1。 我們一定會保存並刷新， 你會看到我們有一個標題，這是一個段落。 好吧，讓我們繼續，在那裡放一個標題二。 所以我們會去這裡 H2 有趣的是，我們會這麼稱呼它， 我們稱之為標題二。 它還有助於在屏幕上看到它。 所以像那樣打兩個，我想做那個兩個， 不是一個，所以我們看到標題二。 讓我們保存它並在屏幕上重新加載它。 你會看到我們有標題一和標題二， 然後這是下面的一段。
