<!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" alt=""/>
<pre>
33
&nbsp;<ins>+12&nbsp;</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"/>
密&nbsp;&nbsp;&nbsp;&nbsp;码: <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">&nbsp;%&nbsp;</td>
<td align="center">&nbsp;+&nbsp;</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">&nbsp;.&nbsp;</td>
<td align="center">&nbsp;=&nbsp;</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>