html 基本用法
html表單表格基本用法，直接貼代碼。
- <html>??
- ????<head>??
- ????????<title>html基礎</title>??
- ????</head>??
- ????</body>??
- ????????<center><h2><font?color="CYAN">html基礎</font></h2></center>??
- ????????<br><center><h1><font?color="BLUE">BCCT加油</font></h1></center>??
- ????????<br>??
- ????????<center><h2><a?href="http://blog.csdn.net/baolibin528">我的CSDN博客地址</a></h2></center>??
- ????????<br><hr><br><br><br>??
- ????????<center>??
- ????????????<table?border="1"?width="80%">??
- ????????????<tr>??
- ????????????????<td?colspan="6">??
- ????????????????????<font?size="15">字體顯示</font>??
- ????????????????</td>??
- ????????????????<td?rowspan="2>??
- ????????????????????<font?size="15">豎著顯示</font>??
- ????????????????</td>??
- ????????????</tr>??
- ????????????<tr>??
- ????????????????<td><b>粗體</b></td>??
- ????????????????<td><i>斜體</i></td>??
- ????????????????<td><u>下劃線</u></td>??
- ????????????????<td><s>中劃線</s></td>??
- ????????????????<td>90<sup>o</sup></td>??
- ????????????????<td>H<sub>2</sub></td>??
- ????????????</tr>??
- ????????????</table>??
- ????????</center>??
- ????????<br><br><br>??
- ????????<hr>??
- ????<form?action=""?method="post">??
- ????????編??號:???<input?type="text"?name="userid"??value="NO."?size="8"?maxlength="8">?<br><br>??
- ????????用戶名:???<input?type="text"?name="username"?value="請輸入用戶名">?<br><br>??
- ????????密??碼:???<input?type="password"?name="userpass"?value="請輸入密碼">?<br><br>??
- ????????性??別:???<input?type="radio"?name="sex"?checked>男??
- ??????????????????<input?type="radio"?name="sex">女???<br><br>??
- ????????部??門:?<select?name="debt">??
- ???????????????????????<option?value="技術部">技術部</option><br>??
- ???????????????????????<option?value="銷售部"?selected>銷售部</option><br>??
- ???????????????????????<option?value="財務部">財務部</option><br>??
- ?????????????????</select><br><br>??
- ???????興??趣:?<input?type="checkbox"?name="inst"?value="穿越火線">穿越火線??
- ????????????????????????<input?type="checkbox"?name="inst"?value="編程">編程??
- ?????????????????????????<input?type="checkbox"?name="inst"?value="滑板"?checked>滑板??
- ????????????????????????<input?type="checkbox"?name="inst"?value="NBA">NBA??
- ???????????????????????<input?type="checkbox"?name="inst"?value="看書">看書<br><br>??
- ????????說??明:?????<textarea?name="note"?cols="50"?rows="5">這家伙很懶，沒有留下簽名、、??
- ????????????????????</textarea><br><br>??
- ??????????????????????<input?type="submit"?value="注冊">???<input?type="reset"?value="重置">??
- ????<br><br>??
- ????</form>??
- ????<br><br><hr>??
- ????</body>??
- </html>??
運行結果：
好久之前做的小練習，有些時候長時間不用就會有些生疏，特貼上，做后備之用。。
再加一個表格小代碼吧，現寫的：
[html] view plaincopy- <html>??
- <head><title>表格小練習</title></head>??
- <body>??
- <center>??
- ?????<table??border="1"?width="80%">??
- ????????<tr>??
- ????????????<td>姓名：</td>??
- ????????????<td>性別：</td>??
- ????????????<td>年齡：</td>??
- ????????</tr>??
- ????????<tr>??
- ????????????<td>鮑禮彬</td>??????
- ????????????<td>男</td>????
- ????????????<td>23</td>???
- ????????</tr>??
- ?????????<tr>??
- ????????????<td>Lucky</td>??
- ????????????<td>女</td>??
- ????????????<td>22</td>??
- ?????????</tr>??
- ????????</table>??
- ????</center>??
- ????</body>??
- </html>??
運行效果：
轉載于:https://www.cnblogs.com/baolibin528/p/4197106.html
總結
- 上一篇： Good Bye 2014 B. New
- 下一篇： 疯狂喷气机