演示效果：
代码：
<!DOCTYPE html> <html lang="en"> <head> <meta name="keywords" content="#keywords"： name="keywords" content="我是关键词、关键词"> <meta name="description" content="#description"：我是网站简介，简介！> <meta http-equiv="Refresh" content="2";> <meta http-equiv="content-Type" charset="UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" /> <title>Title</title> </head> <body> <h1 id="1">我是h1,我是块级标签,独占一整行！</h1> <h2>我是h2</h2> <h3>我是h3</h3> <h4>我是h4</h4> <h5>我是h5</h5> <h6>我是h6</h6> <p>我是p换行</p> <strike>我是删除线,我下面是横线</strike> <hr> <div><strong> 我是strong加粗</strong> </div> <div><b>我是b加粗</b></div> <em>我是斜体字,我旁边用了br换行</em> <br> <a href="https://www.hao123.com/?tn=57028281_hao_pg", name="111", ID="111", title="我是提示">我是跳转a标签<br> </a> <img src="1691.png" alt="我是图片显示不成功提示" title="我是悬浮提示" width="200" height="200"> <div>我上面是个图片，他有悬浮提示和显示不成功提示哦</div> <a href="#1" target="_blank">点我在新窗口跳转到开头</a> <ul> <li>我是无序列表1</li> <li>我是无序列表2</li> </ul> <ol> <li>我是有序列表1</li> <li>我是有序列表2</li> </ol> <table border="10" cellpadding="40"> <tr> <td>我是一个表格</td> <td>边框10</td> <td>内边距40</td> </tr> </table> <form action="" method="get"> 我是文本输入框 <input type="text" name="name"><br> 我是密码输入框 <input type="password"><br> 这里是单选框 <input type="radio" name="单选框"><br> 这里是多选框 <input type="checkbox" name="多选框"><br> 多选框 <input type="checkbox" name="多选框"><br> 提交按钮：<input type="submit"><br> 点我上传文件：<input type="file"><br> 重置按钮：<input type="reset"><br> 我是下拉标签<select name="下拉标签" size="3"> <option value="111">下拉标签1</option> <option value="222">下拉标签2</option> <option value="333">我设置了每次最大显示3哦</option> </select> </form>
