較長特色部落格文章標題

多行文字形成導言,快速有效地讓新讀者了解這篇文章內容中最有趣的部分。

繼續閱讀...

世界

特色文章

11 月 12 日

這是較寬的卡片,下方有說明文字,自然而然地引導至其他內容。

繼續閱讀
Placeholder - Bootstrap 框架Thumbnail
設計

文章標題

11 月 11 日

這是較寬的卡片,下方有說明文字,自然而然地引導至其他內容。

繼續閱讀
Placeholder - Bootstrap 框架Thumbnail

來自消防水帶

這篇部落格文章展示了 Bootstrap 支援和設定樣式的幾種類型內容。基本排版、清單、表格、圖片、程式碼等,所有內容都如預期般受到支援。


這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

區塊引用

這是區塊引用的實際範例

引述文字在此處。

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

範例清單

這是其他段落佔位符內容。這是其他重複使用於整篇文章中較短的版本。這是無序清單範例

  • 第一個清單項目
  • 第二個清單項目,有較長的描述
  • 第三個清單項目,用來結束

這是順序清單

  1. 第一個清單項目
  2. 第二個清單項目,有較長的描述
  3. 第三個清單項目,用來結束

這是定義清單

超文件標記語言 (HTML)
用來描述和定義網頁內容的語言
層疊樣式表 (CSS)
用來描述網頁內容的外觀
JavaScript (JS)
用來建構進階網站和應用程式的程式語言

內嵌 HTML 元素

HTML 定義了許多可用的內嵌標籤,完整清單可以在 Mozilla Developer Network 找到。

  • 要加粗文字,請使用 <strong>
  • 要將文字斜體,請使用 <em>
  • 縮寫,例如 HTML 應使用 <abbr>,並加上選用的 title 屬性,表示完整詞組。
  • 引文,例如 — Mark Otto,應使用 <cite>
  • 已刪除 文字應使用 <del>已插入 文字應使用 <ins>
  • 上標 文字 使用 <sup>,下標 文字 使用 <sub>

這些元素大部分都由瀏覽器套用樣式,我們幾乎不需要修改。

標題

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

小標題

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

Example code block

這是其他段落佔位符內容。這是其他重複使用於整篇文章中較短的版本。

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

較長的引言在此,中間可能會有一些強調文字

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

範例表格

別忘了這些文章中的表格

姓名 按讚數 按倒讚數
Alice 10 11
Bob 4 3
Charlie 7 9
總計 21 23

這是其他段落佔位符內容。這是其他重複使用於整篇文章中較短的版本。

這是額外的段落佔位符內容。撰寫此內容的目的是填滿可用空間,並展示較長文字片段如何影響周圍內容。我們會重複這段文字,讓示範持續進行,因此請注意這段完全相同的文字。

  • 第一個清單項目
  • 第二個清單項目,有較長的描述
  • 第三個清單項目,用來結束

這是其他段落佔位符內容。這是其他重複使用於整篇文章中較短的版本。