導語：在學習PHP之前，個人覺得有必要體驗一下HTML（對於半路出家的人）。
HTML（Hypertext Markup Language）：超文本標記，用於描述網頁文檔的一種標記語言。最新版爲HTML5。
基本頁面結構：
<html>
<head></head>
<body>
......
</body>
</html>
常用的elements
表單:可以說每個網站都離不開表單，表單是最常用的人機數據交互方式之一。
<form action="" method="post">
<input type=""/>
</form>action：指定提交處理頁面的URL
method：指定提交表單的方式，有get、post兩種方式，默認爲get方式。關於這兩種方式的區別：問google
type：屬性可取值
| 值 | 描述 |
|---|---|
| button | 定義可點擊按鈕（多數情況下，用於通過 JavaScript 啓動腳本）。 |
| checkbox | 定義複選框。 |
| file | 定義輸入字段和 "瀏覽"按鈕，供文件上傳。 |
| hidden | 定義隱藏的輸入字段。 |
| image | 定義圖像形式的提交按鈕。 |
| password | 定義密碼字段。該字段中的字符被掩碼。 |
| radio | 定義單選按鈕。 |
| reset | 定義重置按鈕。重置按鈕會清除表單中的所有數據。 |
| submit | 定義提交按鈕。提交按鈕會把表單數據發送到服務器。 |
| text | 定義單行的輸入字段，用戶可在其中輸入文本。默認寬度爲 20 個字符。 |
<!DOCTYPE>
<HTML>
<!-- This is note -->
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 頁面的標題 -->
<title>my html page</title>
</HEAD>
<BODY>
<!-- 空格符 -->
<!-- 分割線 noshade：代表實體線-->
<hr noshade />
<!-- 段落 -->
<p></p>
<!-- 鏈接
target屬性
(1)_blank:在新窗口中打開被鏈接文檔
(2)_self:在相同的框架中打開被鏈接文檔
(3)_parent:在父框架中打開被鏈接文檔
(4)_top:在整個窗口中打開被鏈接文檔
(5)view_window:打開新窗口
(6)framename:在指定的框架中打開被鏈接文檔
-->
<a href="url" target="">link</a>
<!-- 圖片插入 -->
<img src="image_url" />
<!-- 表格 -->
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
<!-- 有序列表 -->
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
</ol>
<!-- 無序列表 -->
<ul>
<li>Java</li>
<li>PHP</li>
<li>C++</li>
</ul>
<!-- 自定義列表 -->
<dl>
<dt>working</dt>
<dd>rest</dd>
</dl>
<!-- 內聯框架 -->
<iframe src="page_url"></iframe>
<!-- 框架集：使用框架集可以在同一個瀏覽器窗口中顯示一個以上的頁面
使用注意：使用的頁面不能有<body>標籤
<frameset rows="50%,*">
<frame src="page_url"/>
<frameset cols="20%">
<frame src="page_url"/>
<frame src="page_url"/>
</frameset>
</frameset>
-->
<!-- 表單 -->
<form action="" method="post">
button：<input type="button" /><br />
單行文本框：<input type="text" /><br />
密碼框：<input type="password" /><br />
<!--單選框-->
<input type="checkbox" name="sex" value="man"/>男
<input type="checkbox" name="sex" value="women"/>女 <br/>
<!--複選框 checked 默認選中-->
<input type="checkbox" name="cities" value="beijing"/>北京
<input type="checkbox" name="cities" value="shanghai"/>上海
<input type="checkbox" name="cities" value="guangzhou"/>廣州
<input type="checkbox" name="cities" value="shenzhen"/>深圳 <br/>
<input type="hidden" />
<!--下拉列表-->
<select name="music">
<option value="nobody" selected="selected">nobody</option>
<option value="because">because</option>
<option value="alone">alone</option>
</select><br/>
<!--文本框-->
<textarea>
message
</textarea><br/>
<!--文件上傳-->
<input type="file" />上傳<br/>
<!--帶標題的表單框-->
<fieldset>
<legend>title：</legend>
<label>label1：<input type="text" /></label>
<label>label2：<input type="text" /></label>
</fieldset>
<!--圖片按鈕-->
<input type="image" src="img_url"/>
<!-- 提交 -->
<input type="submit" value="login"/>
<input type="reset" value="cancel"/>
</form>
<!-- 圖片、文字移動 -->
<marquee direction="left" scrollamount="10">left</marquee><br/>
<marquee direction="right"scrollamount="20">right</marquee><br/>
<!--聲音、視頻-->
<audio controls="controls">
<source src="/i/song.ogg" type="audio/ogg">
<source src="/i/song.mp3" type="audio/mpeg">
<embed height="100" width="100" src="/i/song.mp3"/>
</audio>
</BODY>
</HTML>其他標籤方面的學習個人建議參考：http://www.w3schools.com/
