标题
标签 效果

<h1></h1>

h1. 第一回 北汉主屏逐忠臣 呼延赞激烈报仇

<h2></h2>

h2. 第二回 李建忠力救义士 呼延赞梦神教武

<h3></h3>

h3. 第三回 金头娘征场斗艺 高怀德大战潞州

<h4></h4>

h4. 第四回 讲和议杨业回兵 迎銮驾豪杰施能

<h5></h5>

h5. 第五回 宋太祖遗嘱后事 潘仁美计逐英雄

<h6></h6>

h6. 第六回 潘仁美奉诏宣召 呼延赞单骑救驾

CSS选择器也支持以.h1 -- .h6 方式引用,这样可以使字体样式呈现出标题效果,不同是引用.h1 -- .h6的文本段不会视作HTML的标题元素,效果如下:

h1. 第一回 北汉主屏逐忠臣 呼延赞激烈报仇

h2. 第二回 李建忠力救义士 呼延赞梦神教武

h3. 第三回 金头娘征场斗艺 高怀德大战潞州

h4. 第四回 讲和议杨业回兵 迎銮驾豪杰施能

h5. 第五回 宋太祖遗嘱后事 潘仁美计逐英雄

h6. 第六回 潘仁美奉诏宣召 呼延赞单骑救驾

<p class="h1">h1. 第一回 北汉主屏逐忠臣 呼延赞激烈报仇</p>
<p class="h2">h2. 第二回 李建忠力救义士 呼延赞梦神教武</p>
<p class="h3">h3. 第三回 金头娘征场斗艺 高怀德大战潞州</p>
<p class="h4">h4. 第四回 讲和议杨业回兵 迎銮驾豪杰施能</p>
<p class="h5">h5. 第五回 宋太祖遗嘱后事 潘仁美计逐英雄</p>
<p class="h6">h6. 第六回 潘仁美奉诏宣召 呼延赞单骑救驾</p>
自定义标题备注

在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标题。

h3. 第三回 金头娘征场斗艺 高怀德大战潞州 高怀德

h4. 第四回 讲和议杨业回兵 迎銮驾豪杰施能 杨业

h5. 第五回 宋太祖遗嘱后事 潘仁美计逐英雄 潘仁美
显示标题

bootstrap可以传统的标题元素设计得更漂亮,以迎合你的网页内容。如果你想要一个标题醒目,考虑使用显示标题——一种更大型、鲜明的标题样式,则可以用下面方法:

因字体太大,就不做演示了。

<h1 class="display-1">七十二朝人物演义</h1>
<h1 class="display-2">万历野获编</h1>
<h1 class="display-3">三侠五义</h1>
<h1 class="display-4">龙图公案</h1>
文本样式
段落
<p class="lead">

笑江湖浪迹十年游,空负少年头。对铜驼巷陌,吟情渺渺,心事悠悠!酒冷诗残梦断,南国正清秋。把剑凄然望,无处招归舟。

<p>

明旧天涯路远,问谁留楚佩,弄影中洲?数英雄儿女,俯仰古今愁。难消受灯昏罗帐,昙花一现恨难休!飘零惯,金戈铁马,拼葬荒丘!

<p class="small">

南国清秋,一轮皓月,将近中天。度时分,已是万籁俱寂,只杭州总兵的府第里,还是笑语喧喧,喜气洋洋。


内嵌文本元素
<mark>
您可以使用 mark 标签 to highlighttext.
<del>
这行文本将被视为已删除文本。
<s>
这一行文字的意思是不再准确。
<ins>
这一行文本将被视为对文档的补充。
<u>
这行文本将呈现为带下划线。
<small>
这一行文字应被视为小一号字体。
<strong>
此行呈现为粗体文本。
<em>
此行呈现为斜体文本。

文本对齐

荒山隐士迎佳客 美酒甜言惑少年

崎岖世路湛嗟叹 怅悯情怀可奈何

疑梦疑真谨异丐 半忧半喜救佳人


大小写

Lowercased text.

Uppercased text.

Capitalized text.

缩略语

An abbreviation of the word attribute is attr.

HTML is the best thing since sliced bread.

blockquote 来源备注与引用

这是一个美妙的夜晚,全身只有一种感觉,每个毛孔都浸润着喜悦。作为大自然的一部分,我在其中任意来去。

爱上一个地方,就应该背上包去旅游,走得更远。

出自商务印书馆的 《新华字典》
内联代码

For example, <section> should be wrapped as inline.

代码块
<p>Sample text here...</p>
<p>And another line of sample text here...</p>
<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
&lt;p&gt;And another line of sample text here...&lt;/p&gt;
</code></pre>
变量
y = mx + b
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
用户输入
To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
样本输出
This text is meant to be treated as sample output from a computer program.
<samp>This text is meant to be treated as sample output from a computer program.</samp>
列表

<ul>

  • 豪士惊心谈恶斗 荒山动魄遇穷儒
  • 锦帐低垂人已杳 琼浆难得客归来
  • 明珠尽散滋疑虑 红粉何尝是祸胎
  • 谁施妙手空空技 哪识芳心惘惘情

<ol>

  1. 豪士惊心谈恶斗 荒山动魄遇穷儒
  2. 锦帐低垂人已杳 琼浆难得客归来
  3. 明珠尽散滋疑虑 红粉何尝是祸胎
  4. 谁施妙手空空技 哪识芳心惘惘情

<ul class="list-unstyled">

  • 豪士惊心谈恶斗 荒山动魄遇穷儒
  • 锦帐低垂人已杳 琼浆难得客归来
  • 明珠尽散滋疑虑 红粉何尝是祸胎
  • 谁施妙手空空技 哪识芳心惘惘情

<ul class="list-inline">

  • 异宝轻抛真侠士
  • 荒林谈笑救佳人
  • 中伏何堪作楚囚
描述列表对齐
《侠骨丹心》
道尽“独行长剑一杯酒,孤客高楼万里情;侠骨柔情现正义,青天碧海映丹心。
《云海玉弓缘》

主要讲述了清朝中期,江湖浪子金世遗的传奇经历和与厉胜男、谷之华之间的爱恨情仇故事。

是梁氏武侠天山系列最出名的两部小说之一,主要是厉胜男向魔头孟神通复仇并借此成为另一个“女魔头”的故事。

《冰河洗剑录》
该小说讲述了江南与邹绛霞的孩子江海天的感情和江湖故事。
《白发魔女传》
叙述的是明万历四十三年凉秋,云贵总督卓仲廉卸任归故乡陕北,途经川陕边境时被劫富济贫的绿林女大盗“玉罗刹”练霓裳劫去大部分财产。
《萍踪侠影录》
以明代土木堡之变为背景
交织成一个豪侠浪漫美好绝伦的传奇。