html 学习示例
浏览数：35 /
时间：2015年06月09日
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="3;url=www.baidu.com"> <!--3秒刷新-->
<title>页面</title>
<h1>This is heading 1</h1>
<hr />
<h2>This <br /> is heading 2</h2>
<hr />
<a href="http://www.baidu.com">百度</a>
</head>
<body>
<form action="Dafault.axps" method="post">
<!--注释-->
<p>22222222222222222</p>
<br>111111111111</br>
<h1>春晓</h1>
<p>
春眠不觉晓，<br />
处处闻啼鸟。<br>
夜来风雨声，<br />
花落知多少。
</p>
<hr />
<!--无序列表unorder list -->
<!-- disc 实心圆 circle 空心圆 square 实心方块 -->
<ul type="square">
<li>程序</li>
<li>文档</li>
</ul>
<!--有序列表order list-->
<!--按“a”排序显示，“1，a，A，i，I”-->
<ol type="a">
<li>程序</li>
<li>文档</li>
</ol>
<!--表格-->
<table border="1px" bordercolor="red" cellspacing="0px"
cellpadding="0px">
<!--cellspacing 两个单元格之间的间距 cellpadding 内容与表格边线之
间的距离（填充）-->
<!-- table row(行)-->
<tr>
<!--（colunm span） colspan="4" 跨4列 rowspan="2" 跨2行-->
<th colspan="4">信息表
</th>
</tr>
<!-- table head(表头) -->
<!-- align ="center"(居中)-->
<th align="center">姓名</th>
<th>学号</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr align="center" valign="bottom">
<!-- align ="center" valign="bottom" 水平靠下居中
valign="midde" (纵向居中) top（上） bottom （下）-->
<!-- table data -->
<td>王二</td>
<td>001</td>
<td>男</td>
<td>31</td>
</tr>
</table>
<br />
<br />
<table border="1" align="center" valign="middle">
<tr>
<td><label ="txtName">用户名：</label></td>
<td>
<input label ="txtName" type="text" value="">
<!-- <input id="Button1" type="button" value="button" />-->
</td>
</tr>
<tr>
<td><label ="txtPwd">密码：</label></td>
<td>
<input id ="txtPwd" type="password" value="">
<!-- <input id="Submit1" type="submit" value="submit" />-->
</td>
</tr>
<tr>
<td>省份：</td>
<td>
<select style="width:126px">
<!--默认选择重庆-->
<option value="1" selected="selected">重庆</option>
<option value="2">河南</option>
<option value="3">四川</option>
<option value="4">北京</option>
</select>
</td>
</tr>
<tr>
<td>性别：</td>
<td> <!--"/"表示标签结束-->>
<input id="rdoMale" type="radio" value="male" name="sex" /><label for="rdoMale">男</label>
<input id="rdoFemale" type="radio" value="female" name="sex" /><label for="rdoMale">女</label>
</td>
</tr>
<tr>
<td>职业</td>
<td>
<input id="radXS" type="radio" value="xs"name="zhiye"/><label for="rdoXS">学生</label>
<input id="rdoLS" type="radio" value="xs" name="zhiye" /><label for="rdoLS">教师</label>
</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input id="chkCF"type="checkbox"value="cf"/><label for="chkCF">吃饭</label>
<input id="chkSJ"type="checkbox"value="sj"/><label for="chkSJ">睡觉</label>
<input id="chkDD" type="checkbox" value="dd" /><label for="chkDD">打豆豆</label>
</td>
</tr>
<tr>
<td><label ="">验证码：</label></td>
<td>
<input id="txtCode" size="8" type="text" value="">
<img src=" ">
</td>
</tr>
<tr>
<td><labelfor =" ">是否保存登录：</label></td>
<td>
<input id="chk" input="text" type="chackbox">
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="登陆">
<input type="reset" value="重置">
</td>
</tr>
</table>
<table></table>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
