表格標(biāo)簽
表格標(biāo)簽使用方法
示例1
<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>Deken前端學(xué)習(xí) </title>
</head>
<body>
<!--bgcolor="new RGB(235,85,20)"-->
<table border="1" width="400" height="400" align="center" cellpadding="20" background="1.jpg">
<tr>
<td>小弟女朋友1</td>
<td>18</td>
<td>北京</td>
<td><font color="white">善良</font></td>
</tr>
<tr>
<td>小弟女朋友2</td>
<td>20</td>
<td>上海</td>
<td><font color="white">漂亮</font></td>
</tr>
<tr>
<td><font color="white">小弟女朋友3</font></td>
<td>21</td>
<td>深圳</td>
<td><font color="white">賢淑</font></td>
</tr>
<tr>
<td>小弟女朋友4</td>
<td>19</td>
<td>廣州</td>
<td><font color="white">溫柔</font></td>
</tr>
<!--表格的標(biāo)題这刷，可以任意擺放位置，只要在表格內(nèi)部-->
caption>大美人</caption>
</table>
</body>
</html>
效果圖:
帶標(biāo)題的表格
示例2：
<body>
<!--bgcolor="new RGB(235,85,20)" #3366ff-->
<table align="center" cellpadding="18" bgcolor = "new RGB(235,85,20)" >
<tr>
<td>
<table border="1" bordercolor="white" cellpadding="8">
<tr>
<td colspan="4" ><input type="text" value="0" dir="rtl" size="20"><intput/></td>
</tr>
<tr>
<td><input type="button" value="7" size="25"><intput/></td>
<td><input type="button" value="8" size="25"><intput/></td>
<td><input type="button" value="9" size="25"><intput/></td>
<td rowspan="2"><input type="button" value="+" size="25"><intput/></td>
</tr>
<tr>
<td><input type="button" value="4" size="25"><intput/></td>
<td><input type="button" value="5" size="25"><intput/></td>
<td><input type="button" value="6" size="25"><intput/></td>
</tr>
<tr>
<td><input type="button" value="1" size="25"><intput/></td>
<td><input type="button" value="2" size="25"><intput/></td>
<td><input type="button" value="3" size="25"><intput/></td>
<td><input type="button" value="-" size="25"><intput/></td>
</tr>
<tr>
<td><input type="button" value="0" size="25"><intput/></td>
<td><input type="button" value="." size="25"><intput/></td>
<td><input type="button" value="C" size="25"><intput/></td>
<td><input type="button" value="=" size="25"><intput/></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
效果圖：
一個(gè)簡單計(jì)算器效果圖
表單標(biāo)簽
表單標(biāo)簽
示例
<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>Deken前端學(xué)習(xí) </title>
</head>
<body>
<form action="html_day06.html" method="get">
<fieldset>
<legend>用戶信息</legend>
賬號：<input type="text" value="請輸入賬號" size="30"></input>
密碼：<input type="password" value="" size="30"></input><br><br>
<!-- hidden隱藏的鼻弧，用戶界面無法得知 -->
<input type="hidden" value="這是隱藏的" size="30"></input>
用戶：<input type="text" value="請輸入用戶名" size="30"></input>
昵稱：<input type="text" value="請輸入昵稱" size="30"></input>
</fieldset><br>
<fieldset>
<legend>其他信息</legend>
<br>性別：<input type="radio" value="男" name="gender" checked="true">男</input> <input type="radio" value="女"name="gender">女</input><br><br>
愛好：<input type="checkbox" value="唱歌" name="intersts" >唱歌</input> <input type="checkbox" value="運(yùn)動(dòng)" name="intersts" checked="true">運(yùn)動(dòng)</input> <input type="checkbox" value="閱讀" name="intersts" checked="true">閱讀</input><br><br>
學(xué)歷：<select name="學(xué)歷">
<option value="研究生">研究生</option>
<option value="本科">本科</option>
<option value="高中">高中</option>
<option value="小學(xué)">小學(xué)</option>
</select><br><br>
<!--輸入大量文字標(biāo)簽-->
建議：<textarea rows="10" cols="20"> </textarea><br>
</fieldset><br>
<!--各種普通按鈕-->
<input type="button" value="普通按鈕"></input>  <button >普通按鈕1</button><br><br>
<!-- 各種提交按鈕-->
<input type="submit" value="提交按鈕"></input>  <input type="image" src="1.jpg" width="40" height="20"></input><br><br>
<!--各種重置按鈕-->
<input type="reset" value="重置按鈕"></input><br><br>
</form>
</body>
</html>
效果圖
效果圖1
提交表單之后的效果
效果圖2
框架標(biāo)簽
框架標(biāo)簽
示例
<head>
<title>Deken前端學(xué)習(xí) </title>
</head>
<frameset rows="100,*">
<frame name="frame1" src="html_day06.html" ></frame>
<frameset cols="100,*">
<frame name="html_day03" src="html_day03.html"></frame>
<frame name="html_day09" src="html_day05.html"></frame>
</frameset>
</frameset>
效果圖
三個(gè)頁面一同加載了
到此设江，HTML常用標(biāo)簽基本學(xué)習(xí)完成了，本文基本沒有太多文字攘轩，但是有很多圖片文字以及源代碼叉存，相信還是很容易理解的。明天開始css的學(xué)習(xí)度帮，基本學(xué)習(xí)完這個(gè)就可以回家過年了歼捏，呵呵稿存，加油！永遠(yuǎn)美好的事情即將發(fā)生瞳秽！
