前端 order 强调 水平线 工具使用 使用 tro 超级链接
安装工具:HBuilder
工具使用好处:可以使用一边编码一边查看模式,有大量的代码提示,风格好看
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>HTML标签演示</title>
- </head>
- <body>
- <a href="http://www.baidu.com" target="_blank">百度链接</a>
- <b>加粗标签</b>
- <p>段落标签</p>
- <i>斜体标签</i>
- <a href="超链接标签">超链接标签</a>
- <!--行内元素最好不要-->
- <span>行内元素标签</span>
- <div>块级元素标签</div>
- <address>地址标签</address>
- <em>强调标签</em>
- <strong>加粗强调标签</strong>
- <u>超级链接标签</u>
- <br />换行标签
- <del>删除标签</del>
- <small>小字标签</small>
- <big>大字标签</big>
- <hr />水平线标签
- <pre>
- 原样输出标签
- 空格换行都会显示
- </pre>
- 文本的上标<sub>下标</sub>
- 文本的下标<sup>上标</sup>
- <p>这是一段文字<img src="img/古典美女7.jpg" width="50px"
- title="这是一张古典美女照片" alt="图片未显示" border="1"/></p>
- <ul type="circle">
- 无序列表标签
- <li>一</li>
- <li>二</li>
- <li>三</li>
- </ul>
- <ol type="a">
- 有序列表标签
- <li><a href="#">链接1</a></li>
- <li><a href="#">链接2</a></li>
- <li><a href="#">链接3</a></li>
- </ol>
- <dl>
- <h5>定义标签</h5>
- <dt>第一章</dt>
- <dd>目录一</dd>
- <dd>目录二</dd>
- <dt>第二章</dt>
- <dd>目录一</dd>
- <dd>目录二</dd>
- </dl>
- <a href="#">回到顶部</a>
- </body>
- </html>
web 前端学习知识路线
来源: http://www.bubuko.com/infodetail-2278281.html