HTML簡(jiǎn)介

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

必要條件

---

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

指南

---

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

HTML入門(mén)

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

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

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

HTML 文本基礎(chǔ) 

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

創(chuàng)建超鏈接

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

高級(jí)文本格式

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

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

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

調(diào)試 HTML

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

評(píng)估

---

以下評(píng)估將測(cè)試你對(duì)上述指南中HTML基礎(chǔ)知識(shí)的理解。

制造一份信件

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

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

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

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

---

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

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