常用标签

组合内容标签

区块 div

这也将是 HTML 文档中最常见的标签，是一个区块，可以用来盛放其他标签。

段落 p

用来容纳段落和文字。

列表 ul ol dl

  • <ul>标签：无序列表(默认样式是不带序号的)
1
2
3
4
<ul>
    <li>列表项1</li>
	<li>列表项2</li>
</ul>

效果：

  • <ol>标签：有序列表(默认是带有数字序号的,控制type="a" start="2"就会从 b 开始排序)
1
2
3
4
<ol type="a" start="2">
	<li>列表项1</li>
	<li>列表项2</li>
</ol>

效果：

  • <dl>标签：自定义列表(如：问答列表，术语定义列表)
1
2
3
4
5
6
7
<dl>
	<dt>列表标题1</dt>
	<dd>列表标题1下的内容1</dd>
	<dd>列表标题1下的内容2</dd>
	<dt>列表标题2</dt>
	<dd>列表标题2下的内容</dd>
</dl>

效果：

格式 pre

首先需要提到一个问题，就是在 HTML 一般的标签中，都是默认会自动删除换行符，将多个空格合并成一个，将行缩进（tab）替换成空格。所以有时候就会有保留原格式的需求，在 pre 标签中，就不会有以上的问题。

1
2
3
4
5
6
7
8
<p>
	hello!
	every        one!
</p>
<pre>
	hello!
	every        one!
</pre>

效果：

块级引用 blockquote

其实和 p,段落标签也没什么区别，只是引用段落的时候比较常用罢了。