* HTML
* HTML： HyperText Markup Language 超文本標記語言。
* HTML是最基礎的網頁語言。
* HTML的代碼都是由標籤所組成。
* HTML的基本格式
<html>
<head>
存放屬性的信息，輔助性的信息
引入外部的文件（重要）
會先加載
</head>
<body>
存放的是真正的數據
</body>
</html>
* 多數標籤都是有開始標籤和結束標籤，其中有個別標籤因爲只有單一功能，或者沒有要修飾的內容可以在標籤內結束。 <br />
* 想要對被標籤修飾的內容進行更豐富的操作，就用到了標籤中的屬性，通過對屬性值的改變，增加了更多的效果選擇。
* 屬性與屬性值之間用“=”連接，屬性值可以用雙引號或單引號或者不用引號(英文)，一般都會用雙引號。或公司規定書寫規範。
* 配置工作空間的編碼（採用UTF-8編碼）（安裝了myeclipse，先去配置）
* Window—preferences—General--workspace—選擇UTF-8編碼
* 創建HTML的文件後，如果不是UTF-8的編碼，可以進行設置。
* Window—preferences—MyEclipse—Files and Editors—HTML—修改成UTF-8的編碼
* 創建HTML的文件後，可以選擇打開方式，設置默認的打開方式。
* Window—preferences—General—Editors—File Associations—選擇*.html—選擇MyEclipse HTML Editor—選擇default—選擇ok
* （編寫HTML）創建web的項目
* 創建web的項目
* 右鍵 -- 選擇web project -- 其名稱 -- 完成就ok。
* 編寫HTML的文件
* 在WebRoot目錄下 -- 右鍵 -- new -- myeclipse -- web -- 選擇html的基本模板 -- 其名稱 -- 完成。
* HTML的真正的標籤
* 排版的標籤
* <!-- --> HTML的註釋
* <br /> 換行標籤
* <hr /> 一條水平線
排版標籤
* <br /> 換行
* <hr /> 一條水平線
* color: 顏色
* 值的寫法：兩種
1）直接寫英文的單詞（red green blue）
2）RGB三原色(red green blue) #ab1255（三組十六進制的數，不能超過ff）
* width： 寬度
* 值兩種寫法： 1） 200px;
2） 可以寫百分比
區別：百分比跟着瀏覽器的大小而改變，像素值不會。
* <p></p> 段落標籤
* 段落標籤的開始和結束位置留一空行。
* align：對齊方式
<p align="center"></p>
* 代表空格
* 在瀏覽器聲明一塊區域，區域中放入其他（文字，子標籤）
* <div></div> +CSS+DIV在網頁進行佈局（美工）
* <span></span>
* div塊級元素（換行的符號）
* span標籤不會換行 行內元素 (--表單校驗，判斷表單內容，動態的追加相應熱內容)
* 字體標籤
* <font>字體的內容</font>
* 字體標籤：
* <font></font>
* color: 顏色
* size： 字體的大小
* 最大值和最小值
* 最小值是：1
* 最大值是：7
* 默認值： 3
* 值的寫法 +2 （3+2）
* face： 字體的類型
<font color="red" size="4" face="楷體">小可愛</font>
* 標題標籤
* <h1></h1>
...
<h6></h6>
* 特點：逐漸縮小
* 粗體
* <b></b>
* 斜體
* <i></i>
* 標籤可以嵌套的
<b><i>文本的內容</i></b>（首尾對應）
* 特殊字符
* < <
* > >
* & &
* 滾動的字幕（忘了吧）
<marquee>
老妹，你能抓到我嗎
</marquee>
* 列表標籤（*****）
* 數據格式化列表
<dl>
<dt>上層項目</dt>
<dd>下層項目</dd>
<dd>下層項目</dd>
* 自動對齊，縮進的
</dl>
* 有序列表和無序列表
* 有序
<ol>
<li>數據的條目</li>
<li>數據的條目</li>
<li>數據的條目</li>
</ol>
* ol的屬性
* type="a"
* start="" 從哪開始
* 無序（用的最多）
<ul>
<li>數據條目</li>
<li>數據條目</li>
<li>數據條目</li>
</ul>
* ul的屬性
* type=""
* 圖片標籤（*****）
<img />
* 屬性：
* src="圖片的地址"
* width="圖片的顯示寬度"(兩種)
* height:圖片顯示的高度(兩種)
* alt：圖片的說明文字
<img src="../imgs/girl4.jpg" width="60%" height="70%" alt="漂亮女孩" />
<marquee>
<img src="../imgs/girl4.jpg" width="60%" height="70%" alt="漂亮女孩" />
</marquee>
* 超鏈接標籤（*****）
* 寫法：<a></a>
* 鏈接資源
<a href="www.baidu.com">百度</a>
<a href="http://www.baidu.com">百度</a>
<a href="../imgs/girl.jpg">漂亮女孩</a>
<a href="../imgs/1.rar">1.rar</a>(文件的下載)
* 必須要指定屬性：href="鏈接的地址"
* 需要編寫協議
* HTTP
* 默認file文件的協議
* 如果瀏覽器可以解析文件，默認會打開文件。
* 如果瀏覽器不可以解析文件，彈出下載窗口。
* 支持自定義協議
* 瀏覽器解析不了的協議，默認找操作系統的引用程序。
* 定位資源
* name 定義錨點
* 點擊 href="#錨點名稱"
* 表格標籤（*****）
* 把數據封裝成表格。
* 表格標籤
<table>
<caption>用戶列表</caption>
<tr>
<th>數據</th>
<th>數據</th>
</tr>
<tr>
<td>數據</td>
<td>數據</td>
</tr>
</table>
table的屬性
* border: 邊框
* width: 寬度
* height: 高度
tr的屬性
* align:中間的文字的對齊方式
td獲取th
區別：th中間的內容粗體顯示。
th中間的內容默認居中。
th一般用來表格的表頭
td的屬性
* width 寬度
* height 高度
* 合併單元格（值的寫法：合併幾個單元格，值就寫幾）
* 行合併 rowspan=""
* 列合併 colspan=""
* <caption></caption>必須要寫在table的中間
* 表單標籤（**********）
* 收集用戶輸入的數據
<form action="success.html" method="post"> name屬性一定要指定
輸入姓名：<input type="text" name="username" /><br/>
輸入密碼：<input type="password" name="password" /><br/>
選擇性別：<input type="radio" name="sex" value="nan"/>男
<input type="radio" name="sex" checked="checked" value="nv"/>女<br/>
選擇愛好：<input type="checkbox" checked="checked" name="love" value="lq"/> 籃球
<input type="checkbox" name="love" value="zq"/>足球
<input type="checkbox" name="love" value="pq"/>排球
<input type="checkbox" name="love" value="bq"/>冰球<br/>
上傳附件：<input type="file" name="myfile" /><br/>
隱藏組件：<input type="hidden" name="userId" value="001" /><br/>
選擇城市：<select name="city">
<option value="none">--請選擇--</option>
<option value="bj" selected="selected">北京</option>
<option value="sh">上海</option>
<option value="sz">深圳</option>
</select>
<br/>
個人簡介：<textarea rows="10" cols="10" name="desc"></textarea><br/>
<input type="reset" value="重置數據"/>
<input type="submit" value="提交數據"/>
<input type="button" value="我是按鈕"/>
<input type="image" src="../imgs/tj.png" />
</form>
* 表單的標籤
<form >
* form的屬性
* action="表單的提交路徑"
* http://www.baidu.com
* html頁面
* method="提交方式（默認是get方式）"（面試題）
* form表單的提交方式有哪些？（get和post的區別）
* 答：form表單提交方式有很多，常用的有兩種post和get
* post和get提交方式的區別：
* get方式會把參數列表顯示在地址欄上，post方式不會（請求體）。
* get方式說明網站安全級別較低，post安全級別較高。
* get方式不支持大數據，post支持大數據。
* 推薦大家使用post方式。
* 用戶輸入的內容
<input type="類型" name="名稱(必須要指定)" value="是否指定value屬性" />
* name屬性必須要指定，value可以看情況指定
* type="text" 普通的文本框
* name必須指定
* type="password" 密碼框
* * name必須指定
* type="radio" 單選按鈕
* name必須指定 value必須指定
* name的屬性，值要相同
* 默認值：checked=checked或者true
* type="checkbox" 多選按鈕
* name必須指定 value必須指定
* 默認值：checked=checked或者true
* type="reset" 重置：恢復到最初的狀態
* type="submit" 提交表單
* 點擊提交後，地址欄發生了變化（?sex=on）
* 在普通的文本框上添加name屬性 name="username"之後，點擊提交，地址欄發生了變化（?username=haha&sex=on）
String str = "?username=haha&sex=on";
* ?username=zhangsan&password=123&sex=nan&love=zq
* type="file" 選擇文件
* name屬性指定
* type="hidden" 隱藏組件
* name指定 value指定
* type="button" 按鈕
* value="顯示的文字"
* 和js（javascript） 綁定事件
* type="image" 圖片
* 提交 引入外部的一個文件（圖片）
* 聲明選擇框
<select name="city">
<option value="bj">bj</option>
<option value="sh">sh</option>
selected="selected" 代表默認值
</select>
* <textarea>文本域（輸入多行內容，滾動條）
* rows="行"
* clos="列"
* name屬性指定
* selected="selected" 代表默認值
</form>
* 框架標籤（瞭解）
* 對網頁進行佈局
* 框架標籤
<frameset rows="150,*" >
<frame src="鏈接html" name="top">
<frame src="鏈接html" name="left">
</frameset>
* 前提條件：不能寫在<body>標籤的內部和下面