鲍礼彬

深度学习、机器学习、Hadoop、Spark
博客园 首页 新随笔 联系 订阅 管理
html 基本用法

html表单表格基本用法，直接贴代码。

[html] view plaincopy
  1. <html>  
  2.     <head>  
  3.         <title>html基础</title>  
  4.     </head>  
  5.     </body>  
  6.         <center><h2><font color="CYAN">html基础</font></h2></center>  
  7.         <br><center><h1><font color="BLUE">BCCT加油</font></h1></center>  
  8.         <br>  
  9.         <center><h2><a href="http://blog.csdn.net/baolibin528">我的CSDN博客地址</a></h2></center>  
  10.         <br><hr><br><br><br>  
  11.         <center>  
  12.             <table border="1" width="80%">  
  13.             <tr>  
  14.                 <td colspan="6">  
  15.                     <font size="15">字体显示</font>  
  16.                 </td>  
  17.                 <td rowspan="2>  
  18.                     <font size="15">竖着显示</font>  
  19.                 </td>  
  20.             </tr>  
  21.             <tr>  
  22.                 <td><b>粗体</b></td>  
  23.                 <td><i>斜体</i></td>  
  24.                 <td><u>下划线</u></td>  
  25.                 <td><s>中划线</s></td>  
  26.                 <td>90<sup>o</sup></td>  
  27.                 <td>H<sub>2</sub></td>  
  28.             </tr>  
  29.             </table>  
  30.         </center>  
  31.         <br><br><br>  
  32.         <hr>  
  33.     <form action="" method="post">  
  34.         编  号:   <input type="text" name="userid"  value="NO." size="8" maxlength="8"> <br><br>  
  35.         用户名:   <input type="text" name="username" value="请输入用户名"> <br><br>  
  36.         密  码:   <input type="password" name="userpass" value="请输入密码"> <br><br>  
  37.         性  别:   <input type="radio" name="sex" checked>男  
  38.                   <input type="radio" name="sex">女   <br><br>  
  39.         部  门: <select name="debt">  
  40.                        <option value="技术部">技术部</option><br>  
  41.                        <option value="销售部" selected>销售部</option><br>  
  42.                        <option value="财务部">财务部</option><br>  
  43.                  </select><br><br>  
  44.        兴  趣: <input type="checkbox" name="inst" value="穿越火线">穿越火线  
  45.                         <input type="checkbox" name="inst" value="编程">编程  
  46.                          <input type="checkbox" name="inst" value="滑板" checked>滑板  
  47.                         <input type="checkbox" name="inst" value="NBA">NBA  
  48.                        <input type="checkbox" name="inst" value="看书">看书<br><br>  
  49.         说  明:     <textarea name="note" cols="50" rows="5">这家伙很懒，没有留下签名、、  
  50.                     </textarea><br><br>  
  51.                       <input type="submit" value="注册">   <input type="reset" value="重置">  
  52.     <br><br>  
  53.     </form>  
  54.     <br><br><hr>  
  55.     </body>  
  56. </html>  

运行结果：



好久之前做的小练习，有些时候长时间不用就会有些生疏，特贴上，做后备之用。。


再加一个表格小代码吧，现写的：

[html] view plaincopy
  1. <html>  
  2. <head><title>表格小练习</title></head>  
  3. <body>  
  4. <center>  
  5.      <table  border="1" width="80%">  
  6.         <tr>  
  7.             <td>姓名：</td>  
  8.             <td>性别：</td>  
  9.             <td>年龄：</td>  
  10.         </tr>  
  11.         <tr>  
  12.             <td>鲍礼彬</td>      
  13.             <td>男</td>    
  14.             <td>23</td>   
  15.         </tr>  
  16.          <tr>  
  17.             <td>Lucky</td>  
  18.             <td>女</td>  
  19.             <td>22</td>  
  20.          </tr>  
  21.         </table>  
  22.     </center>  
  23.     </body>  
  24. </html>  


运行效果：

posted on 2015-01-01 11:29  鲍礼彬  阅读(190)  评论(0)  编辑  收藏  举报