HTML的内容标签

112 阅读1分钟

HTML的内容标签主要有如下几种:

1. ol+li

ol是有顺序的列表,li是列表中的一项,ol中只能有li。

<ol>
    <li>第一项</li>
    <li>第二项</li>
</ol>

效果如下:

  1. 第一项
  2. 第二项

2. ul+li

无序列表。

<ul>
    <li>例子</li>
    <li>例子</li>
</ul>

效果如下:

  • 例子
  • 例子

3. dl+dt+dd

列表+词+描述内容。

我的书有
<dl>
    <dt>HTML5权威指南</dt>
    <dd>挺有用的</dd>
</dl>

效果如下:

我的书有

HTML5权威指南
挺有用的

4. pre

html将多个空格或回车默认为一个,用pre包裹后就可以了。

<h2><pre>我     爱   HT      
         ML5</pre></h2>

效果如下:

我     爱   HT      
         ML5

5. hr

分割线

<p>中间是</p>
<hr>
<p>分割线</p>

效果如下:

中间是


分割线

6. br

换行

<p>我们要被<br>分割开啦</p>

效果如下:

我们要被
分割开啦

7. a

用于访问网站,日后详细介绍

8. em

用于强调(斜体)

<p>对比 <em>对比对比</em> 对比</p>

效果如下:

对比 对比对比 对比

9. strong

用于强调(加粗)

<p>对比 <strong>对比对比</strong> 对比</p>

效果如下:

对比 对比对比 对比

10. code

被code包裹的英文字体是等宽的。

20. quote

行内引用。

<p>那个人说
    <quote>啊对对对</quote>
</p>

效果如下:

那个人说 啊对对对

21.blockquote

块级引用。

<p>那个人说
    <blockquote>啊对对对</blockquote>
</p>

效果如下:

那个人说

啊对对对