Version: Next

图片标签

img标签

属性：

  • align:对齐方式
  • alt：图片加载失败时显示的信息
<img src="../img/1.gif" align="right" alt="doge"/>

列表标签

  • 有序列表
    • ol： Order List
      • type： 类型
      • start：起始数字
    • li：列表项
  • 无序列表
    • ul：Unorder List
      • type：类型
    • li：列表项
<!-- 有序 -->
<ol type="A" start="3">
<li> 第一个 </li>
<li> 第二个 </li>
<li> 第三个 </li>
</ol>
<!-- 无序 -->
<ul type="square">
<li> 第一个</li>
<li> 第二个</li>
<li> 第三个 </li>
</ul>
<!-- 无序 -->
<ul type="circle">
<li> 第一个</li>
<li> 第二个</li>
<li> 第三个 </li>
</ul>
  1. 第一个
  2. 第二个
  3. 第三个
  • 第一个
  • 第二个
  • 第三个
  • 第一个
  • 第二个
  • 第三个

链接标签

a标签：

属性：

  • href：资源位置，统一资源定位符
  • target：在哪里打开新页面
    • _blank：在浏览器新开一个标签显示
    • _self：直接在当前标签打开
<a href="http://www.baidu.com">点我</a>
<br/>
<a href="http://www.baidu.com" target="_blank">点我</a>
<br/>
<a href="mailto:qq@qq.com" target="_blank">联系我们</a>
点我
点我
联系我们

图片超链接

<a href="http://www.baidu.com"><img src="../img/1.gif" align="right" alt="doge"/></a>
doge

块标签

  • span 包裹作用，默认在一行内展示，内联标签
<span>小斑斑</span>
<span>大斑斑</span>
小斑斑大斑斑
  • div 块级标签，每个div占满一行
<div>小瓣瓣</div>
<div>大瓣瓣</div>
小瓣瓣
大瓣瓣