html（hypertext markup language）就是超文字標記語言。"超文字"就是表示頁面內可以包含非文字元素，如：、鏈結、**等等。
html 網頁檔案可以使用記事本、寫字板、hbuilder、sublime 等編輯工具來編寫，以 .htm 或 .html 為檔案字尾名儲存。將 html 網頁檔案用瀏覽器開啟顯示，若測試沒有問題則可以放到伺服器（server）上，對外發布資訊。
標籤 html 標記是由"<「和」>"所括住的指令標記，用於向瀏覽器傳送標記指令。
主要分為：單標記指令、雙標記指令（由"《起始標記》「＋內容＋」 html語言使用標誌對的方法編寫檔案，既簡單又方便。它通常使用"《標誌名》內容單標籤
單標籤,不設定屬性值。
如：
/>
、/>
單標籤(也叫空元素)，設定屬性值。如：
width
="800"
/>
雙標籤，不設定屬性值。如：
>
…title
>
雙標籤，設定屬性值。如：
bgcolor
="red"
>
…body
>
size
="7"
>
…font
>
html的內容都是由一對一對的標籤組成，標籤不能混亂，頁面有頁面的整體架構和規則，標籤和標籤之間有需要正確巢狀。
通常乙個html網頁檔案包含3個部分：標記頭區…、內容區…和網頁區…。
>
>
head
>
>
body
>
html
>
>
>
charset
="utf-8"
>
>
html文件的基本結構title
>
>
script
>
rel=
"stylesheet"
type
="text/css"
href="
"/>
head
>
>
body
>
html
>
標誌用於html文件的最前邊，用來標識html文件的開始。而標誌放在html文件的最後邊，用來標識html文件的結束，兩個標誌必須一塊使用。
head
和構成html文件的開頭部分。和標誌對之間的內容是不會在瀏覽器的框內顯示出來的，兩個標誌必須一塊使用。
在此標誌對之間可以使用
、、、等標籤。
：用來提供關於文件的資訊，起始屬性為：charset=「utf8」。表示告訴瀏覽器頁面採用的什麼編碼，一般來說我們就用 utf8。當然，檔案儲存的時候也是utf8，而瀏覽器也設定 utf8 即可正確顯示中文。
：用來引入css檔案
title
定義文件的標題。瀏覽器會以特殊的方式來使用標題，並且通常把它放置在瀏覽器視窗的標題欄或狀態列上。同樣，當把文件加入使用者的鏈結列表或者收藏夾或書籤列表時，標題將成為該文件鏈結的預設名稱。
注意：
標籤位於標籤內，是標籤中唯一要求包含的東西。
body
一般情況下大部分瀏覽器上顯示的內容，都放在body中。但也不排除其他標籤可以不用body，比如frameset框架集標籤。
和是html文件的主體部分，在此標誌對之間可包含、、
、、等眾多的標誌。它們所定義的文字、影象等將會在瀏覽器的框內顯示出來。
常用屬性屬性值
描述bgcolor
#******：十六進製制的數字，00-ff
colorname：red、green…
rgb(x,x,x)：red、green、blue，x:0-255
規定文件的背景顏色，以後可以用樣式取代它
text
rgb(x,x,x) #****** colorname
規定文件中所有文字的顏色，以後可以用樣式取代它
doctype
document type hypertext mark-up language，文件中超文字標記語言的型別，可告知瀏覽器怎麼解析該文件。
由於使用的場景或者版本的更替間，html使用的標準不同，所以需要瀏覽器按照不同的標準來解析html文字內容，這就需要告知瀏覽器我當前的html頁面是按照那種方式進行編寫的。沒有該宣告，將是你html噩夢的開始。
html頁面是由標籤組成，不同的標籤瀏覽器對其進行不同樣式和內容的渲染 ，我們需要記憶常用的標籤即可。大致可分為如下幾類：標題、水平線、段落、換行、、**、超連結、列表、表單、下拉列表、div 和 span等。
標題和水平線
標題標籤可定義標題，標題依次遞減，由於 h 元素擁有確切的語義，因此請慎重地選擇恰當的標籤層級來構建文件的結構。請不要利用標題標籤來改變同一行中的字型大小。相反，我們應當使用層疊樣式表定義來達到漂亮的顯示效果。
這樣的標籤不產生錯誤，但是不具有標題的效果。
h1標籤可以為搜尋引擎獲取，便於頁面在被搜尋的時候檢索到，但是乙個頁面最好只有乙個h1標籤，否則可能進入搜尋引擎的黑名單。
>
h1>
標籤在 html 頁面中建立一條水平線（horizontal rule）可以在視覺上將文件分隔成各個部分。在 html 中，
標籤沒有結束標籤。
/>
描述align
centerleftright
規定 hr 元素的對齊方式，以後可以用樣式取代它
size
pixels
規定 hr 元素的高度（厚度），後可以用樣式取代它
width
pixels%
規定 hr 元素的寬度，後可以用樣式取代它
段落和換行
段落標籤定義段落。p 元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間，您也可以在樣式表中規定。
理解：語文課本中各個段落之間會有大的空隙。
>
p>
描述align
left、right、center、justify
規定段落中文字的對齊方式，以後可以用樣式取代它
換行 br標籤為換行符號，
標籤是空標籤（意味著它沒有結束標籤，因此這是錯誤的：
）。 注意：
標籤只是簡單地開始新的一行，而當瀏覽器遇到
標籤時，通常會在相鄰的段落之間插入一些垂直的間距。請使用
來輸入空行，而不是分割段落。
/>
無序列表
由和標籤組成。>
>
li>
>
li>
......
ul>
>
>
好好學習li
>
>
天天向上li
>
ul>
描述type
disc
circle
square
規定列表的專案符號型別。可以使用樣式取代。
dise：實心圓（預設）
circle：空心圓
square：方塊
有序列表
由和
酷炫，用Html5 CSS實現文字陰影
前兩天有乙個學html5前端小美女問我乙個有關文字陰影的效果怎麼去實現。她和我說文字陰影嘛,她也知道text shadow,但是卻做不出想要的樣子,其實css3的新功能是很強大的,不要把你的思想太過於侷限化,好了,閒話也不多說,咱們就先來看看這個文字陰影.一.文字陰影 text shadow 文字陰...
css製作網頁酷炫按鈕
css製作網頁酷炫按鈕 當然啦，源 也會給大家的，一起學習一起進步！html doctype html en utf 8 stylesheet type text css href 2.css css按鈕特效 title head button a button a button a body ht...
前端酷炫效果參考 推薦六款炫酷的HTML5效果外掛程式
1.html5 3d陰影翻轉動畫 效果很酷 分享一款很酷的html5 3d動畫特效，這款3d特效可以為你的增加陰影的效果，而且可以讓在滑鼠滑過的時候出現3d翻轉的動畫效果。這和html5 3d動畫html5 3d正方體旋轉動畫有著類似的效果，大家也可以看看。p w picpath.png 2.htm...