HTML簡介

就其核心來說， HTML 是一個極其簡單的由元素組成的語言，它可以為一些文本賦予它在一個文檔中不同的意義（這是一個段落？這是一個項目列表？這是一個表格？），結(jié)構(gòu)化文檔為邏輯區(qū)塊（文檔是否有一個頭？內(nèi)容為三列？一個導(dǎo)航菜單？）并且可以嵌入圖片影像等內(nèi)容到一個頁面中。這個模塊將會介紹這其中的前兩個，并且介紹 一些你需要用以理解HTML的基本概念和語法。

必要條件

---

在開始這個模塊之前，你不需要預(yù)先具有任何HTML的知識，但是你至少需要熟悉一些使用電腦的基礎(chǔ)，會被動使用網(wǎng)絡(luò)（也就是僅需要看著它，瀏覽其內(nèi)容。）你為電腦配置一個基本的工作環(huán)境，這個在 安裝基礎(chǔ)軟件的頁面中有詳細(xì)說明，并且需要懂得如何創(chuàng)建和管理文件，這個 文件處理 頁面中有詳細(xì)說明 —— 這兩者都是我們純新手web開發(fā)入門 模塊的一部分。

指南

---

這個模塊包含以下文章，這些文章會幫你過一遍HTML所有的基本理論，并且提供足夠的實踐機(jī)會。

HTML入門

涵蓋了HTML完全的基礎(chǔ)，來幫助你入門——我們定義元素，屬性，和所有其他你可能聽說過的重要術(shù)語，并且它們各處于語言的哪部分。我們也會展示一個 HTML 元素是如何被結(jié)構(gòu)化的，一個典型的 HTML 頁面是如何被結(jié)構(gòu)化的，并且解釋另一些基礎(chǔ)但重要的語言特性。一路下來，我們會把玩一些 HTML，來激發(fā)你的興趣！

head中有什么? HTML中的元數(shù)據(jù)

當(dāng)頁面被加載后HTML 中的head部分是不會顯示在web瀏覽器中的。它包含諸如頁面<title>，鏈接到 CSS （如果你想用CSS樣式化你的HTML內(nèi)容），到定制的網(wǎng)站圖標(biāo)的鏈接，和元數(shù)據(jù)（關(guān)于HTML的數(shù)據(jù)，諸如誰寫的頁面，和重要的描述文檔的關(guān)鍵字）。

HTML 文本基礎(chǔ) 

HTML的主要工作之一就是給予文本意義（也被叫做語義），如此瀏覽器就知道正確的顯示文本了。這篇文章關(guān)注于如何使用HTML來分解一個文本塊為結(jié)構(gòu)化的頭和段落，為單詞添加強(qiáng)調(diào)/重要 ，創(chuàng)建這些，和一些更多的。

創(chuàng)建超鏈接

超鏈接真的很重要 - 它們是使Web成為一個Web。本文介紹了創(chuàng)建鏈接所需的語法，并討論了鏈接最佳做法。

高級文本格式

HTML中有許多其他元素用于格式化文本，我們沒有在HTML文本基礎(chǔ)文章中提到。這里的元素不太知名，但仍然有用知道。在這里，你將了解標(biāo)記引用，描述列表，計算機(jī)代碼和其他相關(guān)文本，下標(biāo)和上標(biāo)，聯(lián)系信息等。

文檔和網(wǎng)站結(jié)構(gòu)

除了定義頁面的各個部分（例如“段落"或“圖像"）外，HTML也用于定義網(wǎng)站的區(qū)域（例如“標(biāo)題"，“導(dǎo)航菜單"，“主內(nèi)容列“。）本文探討如何規(guī)劃基本網(wǎng)站結(jié)構(gòu)，并編寫HTML以表示此結(jié)構(gòu)。

調(diào)試 HTML

編寫HTML是好的，但如果有什么問題，而且你不能解決代碼中的錯誤在哪里？本文將向您介紹一些可以幫助您的工具。

評估

---

以下評估將測試你對上述指南中HTML基礎(chǔ)知識的理解。

制造一份信件

我們都早早學(xué)會寫信；它也是一個有用的例子來測試我們的文本格式化技能！所以在這個評估中，你會得到一封信來標(biāo)記。

 結(jié)構(gòu)化頁面內(nèi)容

此評估測試你是否能夠使用HTML構(gòu)建簡單的內(nèi)容頁面，其中包含頁眉，頁腳，導(dǎo)航菜單，主要內(nèi)容和側(cè)邊欄。

深入學(xué)習(xí)

---

Web literacy basics 1 網(wǎng)絡(luò)文化基礎(chǔ) 1

一個優(yōu)秀的Mozilla基礎(chǔ)課程，探索和測試在HTML模塊介紹中討論的許多技能。學(xué)習(xí)者熟悉閱讀，寫作和參與這個六部分模塊的網(wǎng)絡(luò)。通過生產(chǎn)和協(xié)作掌握網(wǎng)絡(luò)的基礎(chǔ)。