实例
<!DOCTYPE html> <!--定义文档是html--> <html lang="zh-cn"> <!--设置网页语言--> <head> <!--不会在网站内容上显示 ，是网站描述 供用户 和搜索引擎读取--> <title>首席真帅</title> <!--网站标题--> <meta charset="utf-8"> <!--网站编码--> </head> <body> <!--呈现网站整体内容--> <h1>我为什么那么帅！！</h1> <!--网站内容--> <h3>帅的人如何与别人相处</h3> <ol> <li>根本处不到朋友</li> <li>因为太帅了</li> <li>简称帅到没朋友</li> </ol> <table border="5" cellspacing="2" cellpadding="5" width="800" align="center"> <caption>物品清单</caption> <thead> <tr bgcolor="darkvoilet"> <th>排序</th> <th>内容</th> <th>位置</th> <th>数量</th> <th>金额</th> </tr> </thead> <tbody align="center"> <tr> <td width="100">1</td> <td width="300">爱上老虎油</td> <td width="200">右下角</td> <td width="100">999</td> <td width="300">12555</td> </tr> <tr> <td width="100">2</td> <td width="300">爱上老虎油</td> <td width="200">右下角</td> <td width="100">999</td> <td width="300">12555</td> </tr> <tr> <td width="100">3</td> <td width="300">爱上老虎油</td> <td width="200">右下角</td> <td width="100">999</td> <td width="300">12555</td> </tr> <tr> <td width="100">4</td> <td width="300">爱上老虎油</td> <td width="200">右下角</td> <td width="100">999</td> <td width="300">12555</td> </tr> </tbody> <tfoot align="center"> <tr> <td colspan="3" align="center" ></td> <td>3</td> <td>999999</td> </tr> </tfoot> </table> <h3>帐号注册</h3> <form action="" method="get" name="register"> <p> <label for="username">用户</label> <input type="text" id="username" name="username" placeholder="请使用手机号注册"> </p> <p> <label for="password">密码</label> <input type="text" id="password" name="password" placeholder="请使用字母加数字"> </p> <p> <label for="email">邮箱</label> <input type="email" id="email" name="email" placeholder="XXXXX@qq.com" required> </p> <p> <label for="age">芳龄</label> <input type="number" id="age" name="age" min="1" max="999"> </p> <p> <label for="birthday">生日:</label> <input type="date" id="birthday" name="birthday"> </p> <p> <label for="Handsome">谁最帅</label> <select name="course" id="course" size="1"> <option value="0">首席最帅</option> <option value="1">首席最帅</option> <option value="2">首席最帅</option> <option value="3">首席最帅</option> </select> </p> <p> <label for="programme">爱好</label> <input type="checkbox" name="hobby[]" value="beauty" id="beauty"><label for="beauty">美女</label> <input type="checkbox" name="hobby[]" value="aircraft" id="aircraft"><label for="aircraft">打飞机</label> <input type="checkbox" name="hobby[]" value="Reading" id="Reading" checked><label for="Reading">看书</label> </p> <p> <label for="love">老妹你爱我嘛？ </label> <input type="radio" name="gender" value="do not love" id="do not love"><label for="do not love">不爱</label> <input type="radio" name="gender" value="I love you" id="I love you"><label for="I love you">我爱你</label> <input type="radio" name="gender" value="secrecy" id="secrecy" checked><label for="secrecy">保密</label> </p> <hr> <p> <label for="comment">介绍:</label> <textarea name="comment" id="comment" cols="60" rows="6" maxlength="3" placeholder="留言板"></textarea> </p> <p> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重置"> </p> </form> <!--ul> <li><a href="https://www.baidu.com">帅</li> <li><a href="https://www.baidu.com">真帅</li> <li><a href="https://www.baidu.com">非常帅</li> </ul--> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
