01 HTML
1.什么是HTML？(Hyper Text Markup Language:超文本標記語言)
? ? ? ? 超文本：功能比普通文本更加強大
? ? ? ? 標記語言：使用一組標簽對內容進行描述的一門語言(它不是編程語言)
2.語法和規范？
? ? ? ? HTML文件都是以.html或者.htm結尾的，建議使用.html結尾。
HTML文件分為頭部分(<head></head>)和體部分(<body></body>)
HTML標簽都是由開始標簽和結束標簽組成。(<hr />)
HTML標簽不區分大小寫，建議使用小寫。
3.HTML相關標簽學習
? ? ? ? 標題標簽<hn></hn>,n 從 1 到 6 逐漸變小。超過 6 的按 6 的進行顯示。特點：加粗加黑顯示，單獨占用一行。與其它行有一定的行間距。
? ? ? ? 水平線標簽 <hr />
? ? ? ? 段落標簽<p></p>
? ? ? ? 字體標簽<font></font>
? ? ? ? ? ? ? ? 屬性：size:指定內容的大小
? ? ? ? ? ? ? ? ? ? ? ? ? ? color：指定內容的顏色
? ? ? ? ? ? ? ? ? ? ? ? ? ? face：指定內容的字體
? ? ? ? 加粗：<b></b>
? ? ? ? 斜體：<i></i>
? ? ? ? 下劃線：<u></u>
4.圖片標簽
? ? ? ? <img />
? ? ? ? 屬性：
? ? ? ? ? ? src:指的是圖片顯示的路徑(位置)
? ? ? ? ? ? ? ? ? ? 絕對路徑
? ? ? ? ? ? ? ? ? ? 相對路徑：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ①同一級：直接寫文件名稱或者./文件名稱
? ? ? ? ? ? ? ? ? ? ? ? ? ? ②上一級：../文件名稱
? ? ? ? ? ? ? ? ? ? ? ? ? ? ③下一級：寫上目錄名稱/文件名稱
? ? ? ? ? ? width:指定圖片的寬度，取值可以是像素值，也可以是百分比
? ? ? ? ? ? height：指定圖片的高度，取值可以是像素值，也可以是百分比
? ? ? ? ? ? alt：當圖片無法正常顯示的時候給出的提示信息(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關)
5.列表標簽
? ? ? ? 有序列表：type有5個取值
? ? ? ? <ol type="I" start="" reversed="reversed">
? ? ? ? ? ? <li></li>
? ? ? ? </ol>
? ? ? ? 無序列表：type有3個取值
? ? ? ? <ul type="">
? ? ? ? ? ? <li></li>
? ? ? ? </ul>
6.超鏈接標簽
? ? ? ? <a href="" target=""></a>
? ? ? ? ? ? ? ? href:指定跳轉的位置，#代表不發生跳轉
? ? ? ? ? ? ? ? target：指定跳轉頁面顯示的位置(取值：_self 、_blank)
7.表格標簽
? ? ? ? <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? </tr>
? ? ? ? ? ? <tr>
? ? ? ? ?<td></td>
? ? ? ? ? ? </tr>
? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? <td></td>
? ? ? ? ? ? ?</tr>
? ? ? ? </table>
8.跨行跨列操作
跨行：rowspan跨列：colspan
9.框架集標簽：
? ? ? ? <frameset rows="" cols="">
? ? ? ? ? ? ? ? <frame src=""/>
? ? ? ? ? ? ? ? <frame name=""/>
? ? ? ? </frameset>
屬性：?
cols:進行垂直切割劃分，可以切割為任一塊。(參數的值相加=100%，其中有一塊可以使用*表示)?
?rows: 進行水平切割劃分，可以切割為任一塊。(參數的值相加=100%，其中有一塊可以使用*表示)?
?
一旦劃分區域之后 ，我們需要對具體的區域進行內容 的填充，此時需要使用<frame></frame>標簽。
src:指定該區域顯示的文件(路徑)?
name:它通常會結合超鏈接的 target 屬性使用，來定義最終的顯示位置。
10.表單標簽
所有需要提交到服務器端的表單項必須使用<form></form>括起來！?
form 標簽屬性：?
action,整個表單提交的位置(可以是一個頁面，也可以是一個后臺 java 代碼)?
method,表單提交的方式(get/post/delete……等 7 種)?
文本輸入項
<input?type=”text”?name=””?size=””?maxlenght=””?readonly=””?placehoder=””/>
<input type="password" name="" />
<input type="radio" name="" value="" checked="" />
<input type="checkbox" name="" value="" checked="" />
<select name="">
? ? <option value="" selected="">beijing</option>
? ? <option>shanghai</option>
</select>
<input type="file" name="" />
<textarea name=""></textarea>
<input type="submit" value="" />
<input type="button" value="" />
<input type="reset" value="" />
<input type="hidden" name="" />
Get 與 post 提交方式的區別？【默認提交方式為 get】?
Get 提交方式，所有的內容顯示在地址欄，不夠安全，長度有限制。?
Post 提交方式，所有的內容不會顯示在地址欄，比較安全，長度沒有限制。
總結
- 上一篇： 06 MapReduce工作机制
- 下一篇： net如何判断浏览器的类别