zoukankan      html  css  js  c++  java

  • 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>  


    运行效果：

  • 相关阅读:
    解决Volley请求网络数据返回的数据乱码
    AndroidStudio导入Android-PullToRefresh
    JavaScript判断文件的大小
    JavaScript POST 请求如何跨域
    使用Nginx在自己的电脑上实现负载均衡
    把列表中某一个属性的所有的值，按照一个符号给他弄成一个字符串
    Mongo中的数据类型
    Redis学习二 C#中如何进行这五种数据类型的操作
    Redis学习一 五种基本的数据类型
    JavaScript中关于bool类型判断的一些总结。
  • 原文地址：https://www.cnblogs.com/baolibin528/p/4197106.html
Copyright © 2011-2022 走看看