您的位置：首页 > Web前端 > HTML

html 基本用法

2015-01-01 11:29 316 查看

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

[html] view plain copy

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

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

运行效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航