HTML基本知识
<!-- 1.自动生成HTML代码 <html+tab 2.p标签 3.h1-h6标签 4.<hr><br> 5.a标签 6.特殊符号, 7.<strong></strong>和<em></em> 8.无序列表,ul li 9.有序列表,ol li 10.定义列表 dl dt dd 11.table tr th td 12.img 13.form label,input(text,password,radio,checkbox,submit,reset) select() textarea -->
具体代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <title>标题</title> </head> <body> <p id="top"></p> <a href="http://www.fhdq.net/ts/177.html" target="_blank" title="点击跳转">特殊符号链接</a> <h1>一级标题</h1> <p>这是<br><strong>吴森</strong>的一个<em>段落</em></p> <hr> <p> <h3>静 夜 思</h3> [唐] 李白<br> 床前明月光,疑是地上霜。<br> 举头望明月,低头思故乡。 </p> <h2>歌手</h2> <!-- 无序列表 --> <ul> <li>李哈哈</li> <li>李小壮</li> <li>许嵩</li> </ul> <h2>歌手排行榜</h2> <!-- 有序列表 --> <ol> <li>李哈哈</li> <li>李小壮</li> <li>许嵩</li> </ol> <!-- 定义列表 --> <dl> <dt>帮助</dt> <dd>如何注册</dd> <dd>如何播放</dd> <dd>如何下载</dd> </dl> <table border="1" cellspacing="0" > <!-- 添加表格标题以及居中显示 --> <caption>歌曲信息</caption> <tr> <th>ID</th> <th colspan="2">歌名和歌手</th> <th>格式</th> </tr> <tr> <td>1</td> <td>爸爸妈妈</td> <td rowspan="2">李荣浩</td> <td>.MP3</td> </tr> <tr> <td>2</td> <td>麻雀</td> <!-- <td>李荣浩</td> --> <td>.mp3</td> </tr> </table> <a href="http://www.baidu.com"> <img src="https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2779570103,872955341&fm=26&gp=0.jpg" width="100"> <img src="1.png" width="200" alt = "海边风景" title="标题"> </a><br> <form accept="http://www.baidu.com" method="post/get"> <p> <label for="u">账号:</label> <input id="u" type="text" value="账号" placeholder="请输入账号"> </p> <p> <label for="pwd">密码:</label> <input id="pwd" type="password" value="密码"> </p> <p> 男:<input type="radio" name="sex" checked="checked"> 女:<input type="radio" name="sex"> </p> <p> 打球<input type="checkbox" checked="checked"> 唱歌<input type="checkbox" checked="checked"> </p> <p> <select name="class"> <option value="a">打球</option> <option value="b">玩游戏</option> <option value="c" selected="selected">吹牛逼</option> </select> </p> <p> <select multiple="multiple"> <option value="a">打球</option> <option value="b">玩游戏</option> <option value="c" selected="selected">吹牛逼</option> </select> </p> <p> <textarea placeholder="吾之荣耀,离别已久" rows="10" cols="6"> </textarea> </p> <p> <input type="submit" value="submit"> </p> <p> <!-- 重置表单 --> <input type="reset" value="重置"> </p> </form> <!-- <button>不常用按钮</button> --> <div></div> <br> <a href="#top" title="点击一下,回到顶部">回顶部</a> <a href="mailto:2096706824@qq.com">发送邮件</a> </body> </html>
-----------------------------------------------------------------------------------------------------------------------------------------