什么是HTML呢？
超文本標記語言（Hyper Text Markup Language），用來描述網頁的一種語言。
一個基本的HTML結構：
<!doctype html> //告訴瀏覽器如何渲染頁面!
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
常見的meta標簽
- 頁面關鍵詞
<meta name="keywords" content="your tags" /> - 頁面描述
<meta name="description" content="150 words" /> - 移動設備
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
HTML的標簽
塊級元素：
- div - 無意義的塊級元素
- dl - 定義列表
- form - 交互表單
- h1 ~ h6 - 標題
- hr - 水平分隔線
- ol - 有序表單
- p - 段落
- table - 表格
- ul - 無序列表
行內元素：
- a - 錨點
- br - 換行
- em - 強調
- img - 圖片
- input - 輸入框
- label - 表格標簽
- strong - 粗體強調
- span...
塊元素與行內元素的區別
- 塊級元素
a. 總是在新行上開始，占據一整行；
b. 高度，行高以及外邊距和內邊距都可控制；
c. 可以容納內聯元素和其他塊元素；
d. 寬度與內容無關。 - 行內元素
a. 和其他元素在同一行；
b. 高，行高及外邊距和內邊距部分可改變；
c. 寬度只與內容有關；
d. 行內元素只能容納文本或者其他行內元素；
e. 行內元素不可以控制寬和高，其寬度隨著內容增加，高度隨字體大小而改變。
HTML 和 XHTML 的區別是什么?
XHTML:
- 可兼容各大瀏覽器、手機以及PDA，并且瀏覽器也能快速正確地編譯網頁；
- 所有標簽都必須小寫；
- 標簽必須成對出現；
- 標簽順序必須正確；
- 所有屬性都必須使用雙引號。
title和alt的區別
alt是當圖片不存在時的替代文字
title是對圖片的描述與進一步說明
在firefox和ie8中，當鼠標經過圖片時title值會顯示，而alt的值不會顯示
只有在ie6中當鼠標經過圖片時title和alt的值都會顯示。
學習網址：w3school
