學(xué)習(xí)網(wǎng)址
建議去w3c上利用在線編輯器使用，實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)霸妹。
html和css關(guān)系十电，html就是基本的骨架(可能不夠透徹)，而css就是裝飾叹螟，讓頁(yè)面符合人們的審美鹃骂。
把你想展示的元素用html的的方式展示出來(lái)，例如<p>標(biāo)簽罢绽，<a>標(biāo)簽畏线，<img>標(biāo)簽等，還有一些css3剛出來(lái)的標(biāo)簽良价，其實(shí)都是更加細(xì)致分類語(yǔ)義化寝殴，因?yàn)閔tml可能展示的對(duì)象不同，例如對(duì)與搜索引擎和盲人所以明垢，對(duì)與這個(gè)我們要精確每一個(gè)標(biāo)簽元素蚣常。就像我們看報(bào)紙一樣，簡(jiǎn)單清晰的排版痊银，對(duì)于我們精確查找自己想要的咨詢是有益的抵蚊。
- 標(biāo)題：<header>元素表示一組引導(dǎo)性的幫助，可能包含標(biāo)題元素溯革，也可以包含其他元素泌射，像logo、分節(jié)頭部鬓照、搜索表單等熔酷。
- 導(dǎo)航欄：<nav> 描繪一個(gè)含有多個(gè)超鏈接的區(qū)域，這個(gè)區(qū)域包含轉(zhuǎn)到其他頁(yè)面豺裆，或者頁(yè)面內(nèi)部其他部分的鏈接列表拒秘。
- 主要內(nèi)容：<body>或應(yīng)用的主體部分。主體部分由與文檔直接相關(guān)臭猜，或者擴(kuò)展于文檔的中心主題躺酒、應(yīng)用的主要功能部分的內(nèi)容組成。這部分內(nèi)容在文檔中應(yīng)當(dāng)是獨(dú)一無(wú)二的蔑歌，不包含任何在一系列文檔中重復(fù)的內(nèi)容羹应，比如側(cè)邊欄，導(dǎo)航欄鏈接次屠，版權(quán)信息园匹，網(wǎng)站logo雳刺，搜索框（除非搜索框作為文檔的主要功能）。 具有代表性的內(nèi)容段落主題可以使用 <article>裸违，<article>元素表示文檔掖桦、頁(yè)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)供汛，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)枪汪，如在發(fā)布中，它可能是論壇帖子怔昨、雜志或新聞文章雀久、博客、用戶提交的評(píng)論趁舀、交互式組件岸啡，或者其他獨(dú)立的內(nèi)容項(xiàng)目。 Section 元素 (<section>) 表示文檔中的一個(gè)區(qū)域（或節(jié)）赫编，比如巡蘸，內(nèi)容中的一個(gè)專題組，一般來(lái)說(shuō)會(huì)有包含一個(gè)標(biāo)題（heading）擂送。一般通過(guò)是否包含一個(gè)標(biāo)題 (<h1>-<h6> element) 作為子節(jié)點(diǎn) 來(lái) 辨識(shí)每一個(gè)<section>悦荒。和 <div> 元素 (或 HTML 文檔分區(qū)元素) 是一個(gè)通用型的流內(nèi)容容器，它在語(yǔ)義上不代表任何特定類型的內(nèi)容嘹吨，它可以被用來(lái)對(duì)其它元素進(jìn)行分組搬味，一般用于樣式化相關(guān)的需求（使用 class 或 id 特性) 或者對(duì)具有相同特性的一組元素進(jìn)行分組 (比如 lang)，它應(yīng)該在沒(méi)有任何其它語(yǔ)義元素可用時(shí)才使用 (比如 <article> 或 <nav>) 元素蟀拷。
- 側(cè)欄：<aside> 元素表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分碰纬，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容问芬。他們通常包含在工具條悦析，例如來(lái)自詞匯表的定義。也可能有其他類型的信息此衅，例如相關(guān)的廣告强戴、筆者的傳記、web 應(yīng)用程序挡鞍、個(gè)人資料信息骑歹，或在博客上的相關(guān)鏈接。 經(jīng)常嵌套在Main元素()呈現(xiàn)了文檔<body>或應(yīng)用的主體部分墨微。主體部分由與文檔直接相關(guān)道媚，或者擴(kuò)展于文檔的中心主題、應(yīng)用的主要功能部分的內(nèi)容組成。這部分內(nèi)容在文檔中應(yīng)當(dāng)是獨(dú)一無(wú)二的最域，不包含任何在一系列文檔中重復(fù)的內(nèi)容谴分，比如側(cè)邊欄，導(dǎo)航欄鏈接羡宙，版權(quán)信息狸剃，網(wǎng)站logo掐隐，搜索框（除非搜索框作為文檔的主要功能） 中狗热。
- 頁(yè)腳：<footer> 元素表示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)（sectioning root ）元素的頁(yè)腳。一個(gè)頁(yè)腳通常包含該章節(jié)作者虑省、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息匿刮。
<head>標(biāo)簽
一般用來(lái)展示一些網(wǎng)頁(yè)的基本信息給搜索引擎和瀏覽器等，關(guān)于這個(gè)你們可以去隨便找一個(gè)網(wǎng)站然后右鍵點(diǎn)擊審查探颈，就可以看到網(wǎng)頁(yè)的源代碼熟丸，其中<head>包裹起來(lái)的就是網(wǎng)頁(yè)的信息了，越是大型的網(wǎng)站包含的信息越多伪节。其中有不懂的元素可以自行百度光羞，這個(gè)不做過(guò)多介紹。
標(biāo)題和段落
每個(gè)段落由<p>標(biāo)簽進(jìn)行定義怀大，而標(biāo)題由<h1>纱兑，<h2>，<h3>化借，<h4>潜慎，<h5>，<h6>等構(gòu)成蓖康，<h1>一般都是網(wǎng)頁(yè)的title铐炫，只有一個(gè)，而<h2>蒜焊，是每個(gè)段落的標(biāo)題倒信，<h3>是段落子標(biāo)題，其它的一般登記逐次下降泳梆，建議用的時(shí)候線自己在代碼中查看它的font的大小在進(jìn)行使用堤结。盡量少使用，這將會(huì)使你的文檔變得難以操作而且導(dǎo)航鸭丛。
列表lists
無(wú)序列表使用<ul> <li>竞穷，有序列表使用<ol> <li>，可以利用嵌套使用來(lái)實(shí)現(xiàn)多級(jí)菜單鳞溉。
重點(diǎn)強(qiáng)調(diào)
這里介紹的有<strong> <em> <span> <i>瘾带，<strong> <em>都是強(qiáng)調(diào)，而<em>的語(yǔ)義化相比<strong>更為場(chǎng)景化一點(diǎn)熟菲。html5重新定義了這些元素看政，給了他們更深刻的意義朴恳，讓人們能根據(jù)自身的需求更為精準(zhǔn)的使用這些標(biāo)簽。
<i> 用于表現(xiàn)因某些原因需要區(qū)分普通文本的一系列文本允蚣。例如技術(shù)術(shù)語(yǔ)于颖、外文短語(yǔ)或是小說(shuō)中人物的思想活動(dòng)等，它的內(nèi)容通常以斜體顯示嚷兔。
被用來(lái)傳達(dá)傳統(tǒng)上用斜體表達(dá)的意義：外國(guó)文字森渐，分類名稱，技術(shù)術(shù)語(yǔ)冒晰，一種思想……
<b>元素表表示相對(duì)于普通文本字體上的區(qū)別同衣，但不表示任何特殊的強(qiáng)調(diào)或者關(guān)聯(lián)，通常以粗體顯示壶运。
被用來(lái)傳達(dá)傳統(tǒng)上用粗體表達(dá)的意義：關(guān)鍵字耐齐，產(chǎn)品名稱，引導(dǎo)句……
<u> 元素使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線蒋情。在HTML5中, 此元素表示具有未標(biāo)注的文本跨度埠况，顯示渲染，非文本注釋棵癣，例如將文本標(biāo)記為中文文本中的專有名稱(一個(gè)正確的中文標(biāo)記), 或 將文本標(biāo)記為拼寫錯(cuò)誤辕翰。
被用來(lái)傳達(dá)傳統(tǒng)上用下劃線表達(dá)的意義：專有名詞，拼寫錯(cuò)誤……
詳細(xì)查看
i, b, em, strong元素在HTML5中的新語(yǔ)義
超鏈接
超鏈接包含指向網(wǎng)址浙巫，文件金蜀，音頻視頻等url。一般配合<a href="#"></a>使用,例子如下：
<p>I'm creating a link to <a >the Mozilla homepage</a>. </p>
常用屬性：target的畴，title等渊抄。
title，這旨在包含關(guān)于鏈接的補(bǔ)充有用信息丧裁，例如頁(yè)面包含什么樣的信息或需要注意的事情护桦。一般和<a>中的文字一樣。
target煎娇，決定你的開鏈接的方式二庵，是從新標(biāo)簽中打開還是直接打開，詳情查看w3c缓呛。
另外需要注意的是催享，你命名鏈接的方式，必須給人直觀的感覺(jué)這是可以點(diǎn)擊的哟绊，例如：
<p><a >
Download Firefox
</a></p>
而不是
<p><a >
Click here
</a>
to download Firefox</p>
描述列表
關(guān)于dt dd dl的用法因妙，這種列表的目的是標(biāo)記一組項(xiàng)目及其相關(guān)描述，例如術(shù)語(yǔ)和定義，或者是問(wèn)題和答案等攀涵。
這個(gè)可以參見ife課程中task1的圖片標(biāo)題格式铣耘，這個(gè)用到了dt dd，主要是一個(gè)標(biāo)題一個(gè)描述對(duì)應(yīng)的這種方式以故。
請(qǐng)注意：一個(gè)術(shù)語(yǔ)<dt>可以同時(shí)有多個(gè)描述<dd>蜗细，比如說(shuō)：
