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