先簡單的介紹下這篇文章：html的介紹
html的層次結構和head中標籤的作用
什麼是 html
html:hyper text markup language --- 超文字標記語言.
標記語言：指的是通過一組標籤的形式描述事物的一門語言.
超文字：比普通的文字更強大.
iso-8859-1 :不支援中文編碼
utf-8:國際化編碼集
gb2312和gbk:支援中文的編碼集
眾所周知，html 標籤對大小寫是不敏感的：和的作用的相同的。當您在網上衝浪時，您會發現大多數教程在他們的例子中都使用大寫的 html 標籤。而我們總是使用小寫。原因何在呢？
如果您希望為使用下一代 html 而做好準備，您就應該使用小寫標籤。全球資訊網聯盟 (w3c) 的標準是：建議在 html 4 中使用小寫標籤，而在 xhtml（下一代 html）中，必須使用小寫標籤
當您將乙個 html 檔案存檔時，您即可以使用 htm 也可以使用 html 作為副檔名，使用.htm這樣做也許是乙個壞習慣，習慣於這樣做的人也許是因為使用某些過時的軟體而養成了這個壞習慣，這些軟體只允許三個字母作為副檔名。剛入門的時候您可能就注意到了，在編寫段落時可以不帶有
標籤：this is a paragraph
this is another paragraph
上面的例子在大多數瀏覽器中都可以工作，但是不要依賴這種做法，之所以會出現這樣的情況，是因為html不嚴謹，但是瀏覽器有容錯性，或許html 未來的版本不允許省略任何結束標籤；
通過結束標籤來關閉 html 是一種經得起未來考驗的 html 編寫方法。清楚地標記某個元素在何處開始，並在何處結束，不論對您還是對瀏覽器來說，都會使**更容易理解。
建議寫標籤的時候最好成對的寫
當你打算結束一行，而又不想開始乙個新段落時，
標籤就派上用場了。無論你將它置於何處，
標籤都會產生乙個強制的換行。
this
is a para
graph with line breaks
標籤是空白標籤，由於關閉標籤沒有任何意義，因此它沒有類似
的終止標籤。
還是 您會越來越多地發現
與 很相似。
由於 沒有結束標籤，它也就違反了未來的 html 的規則之一，即所有的元素都必須關閉。
把這個標籤寫為
是經得起未來考驗的做法，xhtml 和 xml 都接受在開啟的標籤內部來關閉標籤的做法。
html 標籤擁有屬性。屬性為 html 元素提供附加資訊。
屬性總是以名稱/值對的形式出現，比如：name="value"
屬性總是在 html 元素的開始標籤中規定
屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。
在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：
name='john "shotgun" nelson'
屬性和屬性值對大小寫不敏感 （建議使用小寫）meta標籤共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的引數值，這些不同的引數值就實現了不同的網頁功能。name屬性主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的
meat標籤的name屬性語法格式是：其中name屬性主要有以下幾種引數：
- a、keywords(關鍵字)
說明：keywords用來告訴搜尋引擎你網頁的關鍵字是什麼。
舉例：- b、description(**內容描述)
舉例：- c、author(作者)
說明：標註網頁的作者
舉例：
http-equiv屬性
http-equiv顧名思義，相當於http的檔案頭作用，它可以向瀏覽器傳回一些有用的資訊，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。
meat標籤的http-equiv屬性語法格式是：；其中http-equiv屬性主要有以下幾種引數：
幫助主頁被各大搜尋引擎登入
設定好這些關鍵字後，搜尋引擎將會自動把這些關鍵字新增到資料庫中，並根據這些關鍵字的密度來進行合適的排序
定義頁面的使用語言
這是meta標籤最常見的功能,在製作網頁時,我們在純html**下都會看到它,它起的作用是定義你網頁的語言,當瀏覽者訪問你的網頁時,瀏覽器會自動識別並設定網頁中的語言,如果你網頁設定的是gb碼,而瀏覽者沒有安裝gb碼,這時網頁只會呈現瀏覽者所設定的瀏覽器預設語言。同樣的,如果該網頁是英語,那麼charset=en。
下面就是乙個具有代表性的例子：
html **:
該**就表示將網頁的語言設定成國標碼
自動重新整理並指向新的頁面
如果你想使您的網頁在無人控制的情況下，能自動在指定的時間內去訪問指定的網頁，就可以使用meta標籤的自動重新整理網頁的功能。 - 列子可以參考上面的refreshhtml結構以及head標籤
編輯本頁 heml注釋 doctype html html lang en head meta charset utf 8 title title title head body 這是我們的文件結構 body html view code html結構腦圖 描述文件的各種資訊，包括文件標題，編碼，u...
2 3 HTML 層次結構
乙個html文件就像乙個大的家族樹，有父母 兄弟姐妹 子女 祖先和後裔。它來自於html元素之間相互巢狀的能力。源文章 讓我們來寫乙個簡單的段落，通過插入兩個內嵌式元素來區分部分文字，來增強它。alex fergusonstrong 爵士曾說過filipo inzaghi 那小子一定是天生的越位者q...
前端 HTML的head標籤學習
網頁中所有的標籤都是通過 標籤名 網頁標題標籤，告訴瀏覽器使用什麼標題顯示網頁 中文標題亂碼的解決辦法 meta charset utf 8 網頁解析編碼格式配置 html5 告訴瀏覽器使用指定的編碼格式開啟 content type content text html charset utf 8 ...