<!DOCTYPE html> |
<html> |
<head lang="en"> |
<meta charset="UTF-8"> |
<title>菜鸡大杂烩</title> |
</head> |
<body> |
<p>注册帐号</p> |
<hr/> |
<form> |
邮箱帐号 |
<input type="text"/> |
<select name="" id=""> |
<option value=""selected>@qq.com</option> |
<option value="">@sina.com</option> |
</select> |
<br><br> |
昵称 |
<input type="text"/> |
<br/><br/> |
密码 |
<input type="password"/> |
<br/><br/> |
确认密码 |
<input type="password"/> |
<br/><br/> |
性别 |
<input type="radio" name="sex"/>男 |
<input type="radio" name="sex"/>女 |
<br/><br/> |
生日 |
<select name="" id=""> |
<option value="">公历</option> |
<option value="">农历</option> |
</select> |
<input type="date"/> |
<br/><br/> |
所在地 |
<select name="" id=""> |
<option value="" selected>中国</option> |
<option value="">英国</option> |
</select> |
<select name="" id=""> |
<option value="" selected>四川</option> |
<option value="">河南</option> |
</select> |
<select name="" id=""> |
<option value="">成都</option> |
<option value="">绵阳</option> |
</select> |
<br/><br/> |
验证码 |
<input type="text"/> |
<br/><br/> |
手机号码 |
<input type="number"/> |
<br/><br/> |
<input type="text"/> |
<input type="submit" name="获取短信验证码"/> |
</form> |
<a name="dingbu"></a> |
<p> |
如果要在网页上放置一个超级链接,当点击超级链接时。 |
</p> |
<img src="苹果.jpg" /> |
<pre> |
33 |
<ins>+12 </ins> |
45 |
</pre> |
<strong> |
是的,没问题 |
</strong> |
<ul> |
<li>123</li> |
<li>456</li> |
<li>789</li> |
</ul> |
a标签的内联框架 |
<br/> |
<a href="in.html" target="main"> |
<br/>在此打开帐号注册</a> |
<iframe src="" width="600" height="300" scrolling="auto" |
frameborder="1" name="main"></iframe> |
<form > |
<label for="Username">用户名</label>: |
<input type="text"/> |
密 码: <input type="password"/> |
<br/> |
<input type="submit" name="登录"/> |
<input type="reset" name="重置"/> |
</form> |
<br/> |
<table border="1"> |
<th colspan="3">数字表格</th> |
<tr> |
<td colspan="2">1</td> |
<td rowspan="2">3</td> |
</tr> |
<tr> |
<td>4</td> |
<td>5</td> |
</tr> |
</table> |
<br/> |
<a href="#dingbu">回到顶部</a> |
<form > |
<table border="1"> |
<th align="right" colspan="4"> |
123 |
</th> |
<tr> |
<td align="center">AC</td> |
<td align="center">off</td> |
<td align="center"> % </td> |
<td align="center"> + </td> |
</tr> |
<tr> |
<td align="center">1</td> |
<td align="center">2</td> |
<td align="center">3</td> |
<td align="center">-</td> |
</tr> |
<tr> |
<td align="center">4</td> |
<td align="center">5</td> |
<td align="center">6</td> |
<td align="center">*</td> |
</tr> |
<tr> |
<td align="center">7</td> |
<td align="center">8</td> |
<td align="center">9</td> |
<td align="center">/</td> |
</tr> |
<tr> |
<td align="center" colspan="2">0</td> |
<td align="center"> . </td> |
<td align="center"> = </td> |
</tr> |
</table> |
</form> |
菜鸡HTML应用
<p><p style="color: sandybrown">love means </p><!--无序列表示列--> <ul> |
<li><p style="color: sandybrown">responsibility</li> |
<li><p style="color: sandybrown">trust</li> |
<li><p style="color: sandybrown">care</li> |
</ul> |
<p><p style="color: sandybrown">love means </p><!--有序列表示列--> |
<ol> |
<li><p style="color: sandybrown">responsibility</li> |
<li><p style="color: sandybrown">trust</li> |
<li><p style="color: sandybrown">care</li> |
</ol> |
菜单 <select name="" id=""> |
<option value="">回锅肉</option> |
<option value="">酱肉丝</option> |
<br/> |
</select> |
心情记录,记录每天的好心情 |
<input type="textarea"/> |
<fieldset> |
<legend>health information</legend> |
height: <input type="text" /> |
weight: <input type="text" /> |
</fieldset> |
生日:<input type="date"/> |
分数:<input type="range" min="0" max="100"/> |
</div> |
时间: 2024-10-22 19:53:38