我又出來趕博客了，這幾天接觸的知識量有點(diǎn)大，欠了能有10幾篇博客吧，我覺得我再不趕出來，知識點(diǎn)就全忘記了，所以我決定百忙之中，抽出空來，來整理一下我最近學(xué)到的知識點(diǎn)，那么今天所講的呢，就是HTML的初體驗(yàn)。
HTML簡介
HTML（超文本標(biāo)記語言——HyperText Markup Language）是構(gòu)成Web世界的基石。它描述并定義了一個網(wǎng)頁的內(nèi)容。其他除HTML以外的技術(shù)則通常用來描述一個網(wǎng)頁的表現(xiàn)／展示效果（CSS）或功能（JavaScript）。
也就是說，HTML這個標(biāo)簽語言，僅僅用來描述網(wǎng)頁里面的內(nèi)容，不去分配網(wǎng)頁的樣式和功能。這種方式能使我們的代碼層次分明，便于維護(hù)。
HTML標(biāo)簽
常見的HTML標(biāo)簽有：a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg等。
下面我就逐個的列舉，常用標(biāo)簽的用法和屬性（ps：主要是怕我自己忘記，這里么做個筆記)
注釋標(biāo)簽
突然發(fā)現(xiàn)這個標(biāo)簽好萌有沒有，額。。。這個是注釋標(biāo)簽 和C語言里的//是一個意思，用于在代碼里面注釋某些東西的，這個最好理解。
<!DOCTYPE>標(biāo)簽
這個一般寫HTML5的時候會自動生成，<!DOCTYPE> 用于聲明文檔類型，<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。一般的寫法如下
<!DOCTYPE html>
<html>
<head>
<title>文檔的標(biāo)題</title>
</head>
<body>
文檔的內(nèi)容
</body>
</html>
用于選擇文檔類型的，HTML里面肯定是html啦。
<html>標(biāo)簽
主要告訴瀏覽器，我是一個html文檔。<html> 與\ </html> 標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)，在它們之間是文檔的頭部和主體。正如您所了解的那樣，文檔的頭部由 <head> 標(biāo)簽定義，而主體由 <body> 標(biāo)簽定義。
<html>
<head>這里是文檔的頭部</head>
<body>
這里是文檔的主體
</body>
</html>
<h1>~<h6>標(biāo)簽
標(biāo)題(Heading)元素?fù)碛辛鶄€不同的級別，<h1> 是最高級的，而 <h6> 則是最低的級別。這個就和Markdown一樣，用起來很簡單，但是我查資料的過程中，發(fā)現(xiàn)了一些要注意的細(xì)節(jié)
- 不要為了減小標(biāo)題的字體而使用低級別的標(biāo)題， 而是使用 CSS font-size 屬性。
- 避免跳過某級標(biāo)題：始終要從 <h1> 開始，接下來使用 <h2> 等等。
- 使用 <section> 元素的時候，為了方便起見你應(yīng)該考慮著去避免重復(fù)在一個頁面上使用 <h1>，<h1> 應(yīng)該用來表示頁面的標(biāo)題，其他的標(biāo)題當(dāng)從 <h2> 開始。 使用 section 當(dāng)時候，應(yīng)當(dāng)每個 section 都使用一個 <h2>。
<br>標(biāo)簽
這個標(biāo)簽是強(qiáng)制換行的標(biāo)簽，是將文本信息換行的標(biāo)簽。<br> 標(biāo)簽是空標(biāo)簽（意味著它沒有結(jié)束標(biāo)簽，因此這是錯誤的：<br></br>）。需要注意的細(xì)節(jié)是
不要使用<br>來增加行距；請改用CSS margin特性或<p>元素。
<body>標(biāo)簽
body么，顧名思義就是身體的意思，就是HTML的主體部分，HTML 主體元素 (<body>) 表示的是HTML文檔的主體內(nèi)容，任何一個HTML文檔，只允許存在一個 <body> 元素。
<p>標(biāo)簽
paragraph，也就是段落的意思，所以<p>標(biāo)簽的作用就是展示一段文字。
\<p>This is some text in a very short paragraph\</p>
<ul>，<ol>，<li> 標(biāo)簽
- unordered list（ul),所以這個標(biāo)簽就是一個無序的列表，用來展示沒有順序相關(guān)的文本或事件的羅列。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
- ordered list (ol)，所以這個標(biāo)簽就是一個有序列表，用于展示有順序的123這樣的文本和事件的羅列。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
- list（li）,從以上兩端代碼可以看出，<li>標(biāo)簽，是配合<ul>和<ol>標(biāo)簽進(jìn)行使用的，表示的是列表中的項(xiàng)目。必須配合使用。
<strong>標(biāo)簽
strong屬性是用于把文本定義為強(qiáng)調(diào)的內(nèi)容，但是HTML里面是不會對這個強(qiáng)調(diào)的內(nèi)容做任何樣式的改變，可以在CSS中，對strong定義的文本進(jìn)行樣式的定制，例如加粗修改顏色等操作。HTML中只是單純的將這部分內(nèi)容強(qiáng)調(diào)出來。
<span>標(biāo)簽
一直聽說某些人可以就靠<span>和<div>就能實(shí)現(xiàn)頁面，那這個span究竟是干嘛的呢。<span>標(biāo)簽是行內(nèi)元素，他需要定義一個class，來配合CSS對其進(jìn)行樣式的改變，單獨(dú)在HTML中，是沒有任何樣式的改變，不定義class的時候也沒有意義，與其他文本沒有任何差異。
<div>標(biāo)簽
<div>標(biāo)簽和<span>標(biāo)簽差不多的意思，不同的是一個是行內(nèi)元素，一個是塊元素，<div>標(biāo)簽可以讓開發(fā)者根據(jù)自己的理解或用戶的需求，對網(wǎng)頁頁面進(jìn)行區(qū)域的劃分，用<div>包裹起來，以此來區(qū)分網(wǎng)頁不同功能，不用用途的區(qū)域，方便對某一區(qū)域進(jìn)行操作或樣式的改變。
這個標(biāo)簽也需要CSS配合來進(jìn)行樣式的改變。
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
這一篇博客就先寫到這里，還有幾個棘手的標(biāo)簽，放到下一篇博客來具體的分析和理解，比這篇博客要介紹的詳細(xì)的多，但是梳理起來也相對麻煩的多，下一篇主要講解iframe，a,form,input,button,table標(biāo)簽的屬性和細(xì)節(jié)，包栝HTTP請求的部分。
