标题 Heading

标题一 ··············· <h1>

标题二 ··············· <h2>

标题三 ··············· <h3>

标题四 ··············· <h4>

标题五 ··············· <h5>

标题六 ··············· <h6>

区块引用 blockquote

人应该保持一颗空空如也的新鲜的心去做每一件事，即使做过一万次的事情也像第一次一样兴奋而好奇。涤净对于过去的留恋和对未来的幻想，深沉的活在具体的每一个时刻里，才能最逼近生命的真相。

混合列表

• 第一层无序列表
  1. 第二层有序列表
     • 第三层无序列表
     • 第三层无序列表
       • 第四层无序列表
       • 第四层无序列表
       • 第四层无序列表
       • 第五层无序列表
       • 第五层无序列表
  2. 第二层有序列表
• 第一层无序列表
  • 第二层无序列表
  • 第二层无序列表

表格 table

表格标题caption

表头th 1	表头th 2
单元格td 1	单元格td 1
单元格td 2	单元格td 2
表格 footer	表格 footer

行内元素

链接

链接默认去掉下划线，hover 时候用border-bottom模拟下划线，防止文字底部粘连。

强调

强调可以使用<strong>、<b>或<em>标签，<strong>表示语义与样式双重强调，后两者表示样式上的强调。<b>标签是加粗的样式，<em>标签则有虚线下划线，相邻的<em>之间会有1px的间隔。

图片

图片和描述文字默认居中

专名号

专名号，又称私名号，用于标明人名、地名、朝代名、种族名、国名、机构名等，中文横排时下划线在底部，竖排时则在左边。相邻的专名之间应该有空隙。例如：万里长城位于中国北京。

快捷键 <kbd>

顾名思义，kbd 是 Keybord（键盘）的缩写，用来表示所包含的文本是从键盘上键入的。HTML5 中扩展了它的语义，也包含其他输入方式，比如「语音命令」。

显示 Mac 特殊键位符号

Mac 中的修饰键等通常使用符号表示，使用自定义属性 data-key 来显示这些符号 <kbd data-key="command">command</kbd>

type.css 中包括以下符号：

• command
• shift
• control
• option
• caps lock
• esc(escape)
• return(enter)
• delete
• eject

示例：

在 Chrome（Windows） 中可以使用 Ctrl+N 打开新窗口，Mac 中使用 Command+N。

一个完整的键盘示例：

其他标签

• <abbr>缩写abbreviation
• <b>offset text typically styled in bold
• <cite>cited title of a work
• <code>code fragment
• <del>deleted text
• <dfn>defining instance
• <i>italic 仅保留一个斜体标签
• <ins>inserted text
• <mark>标记 marked (highlighted) text
• <em>emphatic stress
• <samp>sample output
• <small>旁注 small print
• <strong>strong importance
• <sup>上标^superscript
• <sub>下标_subscript
• <var>variable or placeholder text
• <address>
  contact information
• <pre>

  预格式化标签 preformatted text