Html
Html簡介
HTML是英文 HyperText Markup Language 的縮寫，它的意思是"超文本標記語言"，用它編寫出文檔的文件的擴展名是“.html”或“.htm”（微軟的操作系統），他是可供瀏覽器解釋瀏覽的文件格式。你可以使用記事本，寫字板或者是專業的IDE如：Dreamweaver等等編輯工具來編寫HTML文件。
HTML標記兩端有兩個符號“<”和“>”,這兩個符號稱爲角括號。html標籤通常是成對出現的，比如“<html>”和“</html>”，前一個是開始標記，後面的是結束標記，在開始和結束標記之間的的文本是元素內容。html標記是與大小寫無關的，“<html>”和“<HTML>”所表示的意思的一樣的。標記可以擁有自己的屬性。屬性他能夠爲頁面上的HTML元素提供附加信息。
Html的文檔結構
html的文檔結構主要是有3部分組成的：
1.<html></html>
<html>標記用於html文件的最前面，用來表示html文件的開始。而</html>的標記則是放在html的最後面，用來表示html文件的結束，兩個標記必須一起使用。
2.<head>和</head>
<head>和</head>構成html文件的頭部部分，在此標記對之間可以使用<title> </title>和<script> </script>等等標記對，這些標記都是描述html文檔相關信息的標記對，<head> </head>標記對之間的內容是不會在瀏覽器中的內容部分出現的。兩個標記必須同時使用。
3.<body>和</body>
<body>和</body>是html文檔的主體部分，在此標記可以包括“<p>”,“</p>”,“<h1>”,“<br>”等等衆多的標記，他們所定義的文本，圖片等等將會在瀏覽器的內容部分顯示出來。兩個標記必須一起使用。
META標記
META標記是html語言的head部分的一個輔助性的標記的，他位於head和title標記之間，他提供給用戶不可見的信息。meta標記的用來爲搜索引擎robots定義頁面主題，或者是定義用戶瀏覽器上的cookie;可以用於來鑑別作者，設置頁面格式，標註內容提要和一些關鍵字，還可以設置頁面的自動刷新以及等級等等。
TITLE標記
在頭部的<head></head>中，有另一組標籤<title></title>。打在<title></title>這裏面的文字會出現在瀏覽器視窗最上面藍色部分裏，作爲網頁的主題。
實例：
<title>這是我的html頁面</title>
文字上的分隔標記
或許你會發現這樣一個問題：我們已經在記事本里排版排的很漂亮，爲何通過瀏覽器查看是就變了樣子，那是因爲瀏覽器不像word,他不認識Enter鍵或者空格鍵，所以當你按多少次空格，瀏覽器都會當作沒看見一樣。
常用的分隔標記：
強制斷行標記“<br>”
強制分段標記“<p>”
空格“ ；”
排版的標記
1.文字的置左，置右，置中
剛剛我們學過的分段標記“<p>”在加上一些簡單的屬性設定，就可以讓其的文字置左，置右，置中。
2.置中標記
使用方法：
<center>內容</center>
3.保持原始數
使用方法：<pre>內容<pre>據格式標記
字體的標記
1.文字的置左，置右，置中
剛剛我們學過的分段標記“<p>”在加上一些簡單的屬性設定，就可以讓其的文字置左，置右，置中。
2.置中標記
使用方法：
<center>內容</center>
3.保持原始數
使用方法：<pre>內容<pre>據格式標記
字體變化標記
使用：在文字標記中，對於文字的格式也有相當多的變化，如加粗，斜體等等。
<dfn>用於名詞解釋，斜體顯示</dfn>
<sup></sup> 上標 <smap>用於字母序列等寬</smap>
<sub></sub> 下標
<em></em> 強調 <address>模擬信封上的字體</address>
<strong></strong> 加強
<s></s>刪除線 <strike>刪除線</strike>
<big>比默認字號大一號</big>
<small>比默認字號小一號</small>
<code>以等寬字體顯示計算機程序代碼</code>背景標記
使用：<body bgcolor="red" backgroud="bg.jpg">
例子1：
<html>
<head><title>背景顏色</title> </head>
<body bgcolor="red">
<font size="4" face="黑體" color="red">背景顏色</font>
</body> </html>
例子2：
<html>
<head><title>背景顏色</title> </head>
<body background="bg.jpg">
<font size="4" face="黑體" color="red">背景圖片</font>
</body> </html>
分隔線標記
分隔線標記
使用:上一部分<hr>下一部分
例子：
<html>
<head>
<title>背景顏色</title>
</head>
<body>
abcdefg。<br>
<hr color="red" width="240" size="2" noshade>
higklmn。
</body>
</html>
IMG標記
使用：<img src="boy.jpg" alt="haha" align="left" border="0" height="56px" width="32px">
例子：
<html>
<head>
<title>圖片</title>
</head>
<body>
<img src="boy.jpg" alt="haha" align="left" border="0“ height="56px" width="32px">
</body>
</html>
說明：向網頁中插入圖片。
序列標記
1.無序列表< ul>
2.有序列表 <ol>
3.自定義列表 <dl>
特殊字符
html中有很多特殊的字符是需要特殊的處理。
下面看幾個特殊的字符處理：
轉義字符
< < > > & & &qout; “ 空格
例子： <html>
<head><title>特殊的字符</title> </head>
<body>
<<br>><br>&<br> &qout;<br>
</body>
表格
表格的結構
1.<table>
<table>...</table>是用來在html頁面上創建表格的。
2.<th>代表列名一般放在第一行
3.<tr>代表格的一行。
4.<td>用來定義表格的一列。
在默認情況下，表格是沒有邊框的，如果想要出現邊框，就是用border屬性。
表格的設置
表格的合併
input標籤
<input />標籤的 type分爲：
text -文本框
button -按鈕
submit-提交
reset-重置
password -密碼
checkbox-多選
radio-單選
file -上傳文件
date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間（小時和分鐘）
datetime - 選取時間、日、月、年（UTC 時間）
datetime-local - 選取時間、日、月、年（本地時間）
寫法：<input type = “text” value=“”/>
4.1郵箱輸入框
<input type="email" name="user_email" />
4.2數字輸入框
<input type="number" name="points" min="1" max="10" />
4.3數字範圍輸入框（進度條）
<input type="range" name="points" min="1" max="10" />
4.4顏色選擇框
<input type="color" name="colortext"/><br>
下拉列表及文本域
Select標籤
<select>
<option value="qxz" selected/>請選擇
<option value=“A”/>蘋果
<option value=“B”/>香蕉
<option value=“C”/>橘子
<option value=“D”/>西瓜
</select>
TEXTAREA便籤
<TEXTAREA ROWS="5" COLS="30" ></TEXTAREA >
表單
表單的用途
表單在網頁上用來給訪問者填寫信息的，從而獲得用戶信息，使用網頁進行交互的功能。一般是將表單設計在一個html頁面中，當用戶填寫信息後做提交操作，於是表單的內容就會從客戶端的瀏覽器上發送給服務器，經過服務器上的jsp或者ASP或者Cgi等處理後，再將用戶所需的信息傳送給客戶端的瀏覽器上，這樣網頁就具有交互性了。
表單構成
<form></form>
<form></form>標記是用來創建一個表單，在標記之間一切都屬於表單裏的內容。
<from>標記具有action，metnod,target屬性。 action屬性是處理處理程序的程序名稱。method屬性是用來定義處理程序的從表單中獲取信息的方法，通常有兩種分別是GET和POST兩種。
target屬性用來制定目標窗口的。
表單的工作原理
1.訪問者填寫表單，並提交給web服務器處理；
2.在web服務器上的後臺處理程序對提交後的數據進行處理；
3.後臺處理程序處理完成後，會重新生成一個新的html頁面發給客戶端
框架
混合框架
<head>
<title>框架頁示例</title>
</head>
<frameset rows="50%,50%">
<frame src="http://www.baidu.com">
<frameset cols="25%,75%">
<frame src="http://www.sina.com.cn">
<frame src="http://www.baidu.com">
</frameset>
</frameset>
多媒體標記音頻
1、HTML4多媒體
<embed src="文件源" width="寬度" autostart="true" loop="true">
src 設置文件源
width 設置寬度
autostart 設置是否自動播放，如果是true就是自動播放，是flase不自動播放
loop 設置是否循環播放true就是循環播放，false就是不自動播放
2、HTML5多媒體
<audio src="G:\Media\霍比特人3：五軍之戰.mp4" controls="controls"></audio>
3、添加背景音樂
<bgsound src="明月幾時有.mp3" loop=5>
多媒體標記視頻
視頻標籤
<video src="G:\Media\霍比特人3：五軍之戰.mp4" width="320" height="240" controls="controls">
</video>
control 屬性供添加播放、暫停和音量控件。
Ogg 文件，適用於Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用於 Safari 瀏覽器，視頻文件必須是 MPEG4 類型。
video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。
層
層也可以添加事件和屬性，請參考 第2節補充div+css3.txt
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph</p>
</div>