实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html常用标签合集</title> </head> <body> <!-- 段落标记 --> <div> <h1>꧁༺ 花舞ら花落淚༻ ꧂</h1> <p>花开花落花无悔，缘来缘去缘如水。</p> <p>要想幸福一点，心就要简单一点</p> <p>要想洒脱一点，对生活要求就简单一点</p> </div> <hr> <!-- 段落加文本修饰 --> <div> <h2>花舞ら花落淚</h2> <p>花开花落花<b>无悔</b>，缘来缘去缘如水。</p> <p>要想幸福一点，心就要<em>简单</em>一点</p> <p>要想<font color="#FF0000">洒脱</font>一点，对生活要求就简单一点</p> </div> <hr> <div> <!-- 无序列表 --> <h3>花舞ら花落淚༻</h3> <ul> <li>花开花落花无悔，缘来缘去缘如水。</li> <li>要想幸福一点，心就要简单一点</li> <li><a href="#">要想洒脱一点，对生活要求就简单一点</a></li> </ul> <hr> <!-- 有序列表 --> <ol> <li>花开花落花无悔，缘来缘去缘如水。</li> <li>要想幸福一点，心就要简单一点</li> <li>要想洒脱一点，对生活要求就简单一点</li> </ol> </div> <!-- 表格 --> <hr> <div> <table> <th>产品名称</th> <th>产品价格</th> <th>产品颜色</th> <th>***数量</th> <tr> <td>手机</td> <td>1800</td> <td>灰色</td> <td>2部</td> </tr> <tr> <td>电脑</td> <td>5000元</td> <td>黑色</td> <td>1台</td> </tr> <tr> <td>充电器</td> <td>58元</td> <td>白色</td> <td>3个</td> </tr> <tr> <td>保护膜</td> <td>29元</td> <td>透明</td> <td>5块</td> </tr> </table> </div> <hr> <!-- 表单定义 --> <div> <form action="index.php" methhot="post"> <div><label>用户名： <input type="text" name="usname" value="" placeholder="请填写用户名"></label> </div> <div><label> 密码： <input type="password" name="password" placeholder="密码不能小于6位"></label></div> <div>性别：<input type="radio" name="gander" value="male" id="male"> <label for="male">男</label> <input type="radio" name="gander" value="female" id="female"checked ><label for="female">女</label> </div> <div> 爱好： <input type="checkbox" name="hobby[]" value="basketball" id="1"><label for="1">打篮球</label> <input type="checkbox" name="hobby[]" value="football" id="2" checked/><label for="2">踢足球</label> <input type="checkbox" name="hobby[]" value="Shuttlecock" id="3"><label for="3">打羽毛球</label> <input type="checkbox" name="hobby[]" value="Play table tennis" id="4" checked><label for="4">打乒乓球</label> </div> <div> <label for="city">选择城市</label> <select name="city" id="city" value=""> <option value="1">北京</option> <option value="2" selected>上海</option> <option value="3">深圳</option> </select> </div> <div> <label for="text">请留言</label> <textarea name="toby" id="text" cols="50" rows="5"placeholder="不能少于100字"></textarea> </div> <div> <input type="submit"value="免费注册"> </div> <div><button type="button">提交 </button></div> </form> </div> <div> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1548325797944&di=d3a26d5f94dbdd2bbc74e9cca808fb1f&imgtype=0&src=http%3A%2F%2Fx.itunes123.com%2Fuploadfiles%2F1b13c3044431fb712bb712da97f42a2d.jpg " alt="" width="200" height="100"/> </div> <video src="https://vd3.bdstatic.com/mda-igrwkz2s30u9c7cu/mda-igrwkz2s30u9c7cu.mp4"width="320" height="240px" controls ></video> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
html标签合集！
