首页 > 代码库 > html 学习示例
html 学习示例
<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.mamicode.com/"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=http://www.mamicode.com/""> <!-- <input id="Button1" type="button" value=http://www.mamicode.com/"button" />--></td> </tr> <tr> <td><label ="txtPwd">密码：</label></td> <td> <input id ="txtPwd" type="password" value=http://www.mamicode.com/""> <!-- <input id="Submit1" type="submit" value=http://www.mamicode.com/"submit" />--> </td> </tr> <tr> <td>省份：</td> <td> <select style="width:126px"> <!--默认选择重庆--> <option value=http://www.mamicode.com/"1" selected="selected">重庆</option> <option value=http://www.mamicode.com/"2">河南</option> <option value=http://www.mamicode.com/"3">四川</option> <option value=http://www.mamicode.com/"4">北京</option> </select> </td> </tr> <tr> <td>性别：</td> <td> <!--"/"表示标签结束-->> <input id="rdoMale" type="radio" value=http://www.mamicode.com/"male" name="sex" /><label for="rdoMale">男</label> <input id="rdoFemale" type="radio" value=http://www.mamicode.com/"female" name="sex" /><label for="rdoMale">女</label> </td> </tr> <tr> <td>职业</td> <td> <input id="radXS" type="radio" value=http://www.mamicode.com/"xs"name="zhiye"/><label for="rdoXS">学生</label> <input id="rdoLS" type="radio" value=http://www.mamicode.com/"xs" name="zhiye" /><label for="rdoLS">教师</label> </td> </tr> <tr> <td>爱好</td> <td> <input id="chkCF"type="checkbox"value=http://www.mamicode.com/"cf"/><label for="chkCF">吃饭</label> <input id="chkSJ"type="checkbox"value=http://www.mamicode.com/"sj"/><label for="chkSJ">睡觉</label> <input id="chkDD" type="checkbox" value=http://www.mamicode.com/"dd" /><label for="chkDD">打豆豆</label> </td> </tr> <tr> <td><label ="">验证码：</label></td> <td> <input id="txtCode" size="8" type="text" value=http://www.mamicode.com/""> <img src=http://www.mamicode.com/" "> </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=http://www.mamicode.com/"登陆"> <input type="reset" value=http://www.mamicode.com/"重置"> </td> </tr> </table> <table></table>
html 学习示例
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。