一、块级（block）元素

1、标题标记<hn>...</hn>

n用来指定标题文字的大小。n可以取1-6的整数值，取1时文字最大，取6时文字最小

整个网站最好使用统一的标题级别

2、<blockquote>...</blockquote>长引用

引用长文本时，特别是跨越多于4行的引用，应该使用blockquote元素
之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

<blockquote>
    <p>here is a long quotation here is a long quotation</p> 
</blockquote>

3、<pre>…</pre>预格式化文本

在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
常见应用就是用来表示计算机的源代码。

<pre> 
&lt;html&gt; 
&lt;head&gt;
</pre>

4、<hr />水平线

hr元素在页面中显示一条暗色的水平线
一般用于对两部分间的内容进行逻辑分隔

<h1>This is header 1</h1>
<hr />
<p>This is some text</p>

5、<address>…</address>地址

<address> 标签定义文档或文章的作者/拥有者的联系信息。
如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。
如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 
Written by <a href="mailto:webmaster@example.com">Donald 
Duck</a>.<br> Visit us at:<br> Example.com<br> 
Box 564, Disneyland<br> USA 
</address>

6、列表

列表就是在网页中将项目有序或无序的罗列显示。HTML中有3种列表形式：有序列表、无序列表和自定义列表。

有序列表无序列表自定义列表

每种列表元素包括列表本身和其中的每一项

有序列表：<ol>

有序列表是一个项目的序列，各项目前标有数字表示顺序。有序列表的语法格式如下。

<ol type="" start="">

<li>列表信息</li>

<li>列表信息</li>

<li>列表信息</li>

……

</ol>

有序列表Type属性及说明

属性值	说明
1	数字1、2……
a	小写字母a、b……
A	大写字母A、B……
i	小写罗马数字i、ii、iii……
I	大写罗马数字I、II、III……

有序列表<ol>

无序列表<ul>

自定义列表<dl>

<dt>...</dt>：定义项
<dd>...</dd>：对每项的描述

列表的嵌套

二、内联(inline)元素

1、<br />换行

br是空元素
br是内联的换行元素
不要滥用br

2、<b> <i> <small>

元素	介绍
b	定义文本中重要的部分
i	呈现斜体文本效果，目的是把部分文本定义为某种类型，而不只是利用它在布局中所呈现的样式
small	定义旁注信息，并显示为更小的文本

（注： Html5不支持big和tt标记）

3、<cite> <code> <dfn> <kbd> <samp> <var>

元素	描述
cite	定义引用；引用另一个文档，比如书或杂志的标题
code	定义计算机程序代码文本
dfn	定义术语（首次出现）
kbd	定义键盘文本；用户从键盘输入的文本（常用于与计算机相关的科技文档或手册中）
samp	定义样本文本（程序的示例输出）
var	定义变量或程序参数（用于科技文档）

以上元素主要用于描述科技文档相关的文本，都会呈现特殊的样式。但建议少用，如为达到某种视觉效果，可使用CSS。

4、<em> <strong> <abbr> <ins> <del> <q> <sub> <sup>

元素	描述
em	强调文本，默认显示为斜体，只是表达意义
strong	特别强调的文本，默认显示为粗体，只是表达意义
abbr	简写，简写为以句点结束的单词，如etc.
ins	被插入的文本，表示对文档的插入，用于标记文本的变化
del	被删除的文本；表示对文档的删除，用于标记文本的变化
q	短引用，浏览器在该元素周围自动添加引号
sub	定义下标文本	sup	定义上标文本