html 基本用法

最新推荐文章于 2022-10-11 17:53:19 发布

礼彬fly

最新推荐文章于 2022-10-11 17:53:19 发布

阅读量1.1k

点赞数

文章标签： html 基本用法

本文链接：https://blog.csdn.net/baolibin528/article/details/42152773

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

运行效果：