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