实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>作业练习</title> </head> <body style="height: 2500px"> <!-- 标题和段落 --> <div> <h1>像我这样的人</h1> <h2>像我这样的人</h2> <h3>像我这样的人</h3> <p>像我这样的聪明的人</p> </div> <!-- 换行水平线 --> <hr> <!-- 列表 --> <div> <h3>购物清单</h3> <!-- 无序列表 --> <ul> <li>1.洗发水一个,20,头油</li> <li>2.电视机一个,3000,娱乐</li> <li>3.相机一个,5000,拍照</li> </ul> <!-- 有序列表 --> <ol> <li>洗发水一个,20,头油</li> <li>电视机一个,3000,娱乐</li> <li>相机一个,5000,拍照</li> </ol> <!-- 定义列表 --> <dl> <dt>动漫</dt> <dd>美好的二次元。</dd> </dl> </div> <!-- 表格 --> <hr> <table border="1" cellpadding="6" cellspacing="0" width="600px" height="200px"> <caption>购物车</caption> <thead> <tr bgcolor="lightgreen"> <th>序号</th> <th>名称</th> <th>数量</th> <th>价格</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>洗发水</td> <td>1</td> <td>20</td> </tr> <tr> <td>2</td> <td>电视机</td> <td>1</td> <td>3000</td> </tr> <tr> <td>3</td> <td>相机</td> <td>1</td> <td>5000</td> </tr> </tbody> </table> <hr> <!-- 表单 --> <h3>用户注册</h3> <form action="" method="GET"> <div> <label for="username">用户名:</label> <input type="text" id="username" name="username" value="" placeholder="用户名不能少于6位"> </div> <div> <!-- <label for="password">密码:</label> <input type="password" id="password"> --> <label>密码:<input type="password" name="password" placeholder="密码必须包括数字和字母" size="25"></label> </div> <div> <label>确认密码:<input type="password" name="password" placeholder="密码必须包括数字和字母" size="25"></label> </div> <div> <!-- 单选按钮name值必须一样 --> <input type="radio" name="gender" value="male" id="male"><label for="male">男</label> <input type="radio" name="gender" value="female" id="female" checked><label for="female">女</label> </div> <div> <!-- 复选框 --> <input type="checkbox" name="liked[]" value="read" id="read" checked=""><label for="read">阅读</label> <input type="checkbox" name="liked[]" value="run" id="run" checked=""><label for="run">跑步</label> <input type="checkbox" name="liked[]" value="music" id="music"><label for="music">音乐</label> </div> <!-- 下拉框 --> <div> <!-- select与value值是分开的 --> <label for="money">你的工资</label> <select name="money" id="money" value="2"> <option value="1">你懂得,没有钱</option> <option value="2">千元户</option> <option value="3">万元户</option> </select> </div> <div> <label for="common">留言:</label> <textarea name="common" id="" cols="30" rows="10" placeholder="不超过100字"></textarea> </div> <input type="submit" value="注册"> <input type="reset" value="重置"> <button type="button">提交</button> </form> <!-- 图片媒体 --> <img src="/dd/ss.jpg" alt="蛋糕"> <!-- 视频 --> <video src="/dd/dd.mp4" controls="controls"></video> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例