版式

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 1 (H1)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 2 (H2)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 3 (H3)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 4 (H4)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 5 (H5)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

標題 6 (H6)

最後一個不超過一英尺高，大約七步寬，只是一塊灰色岩石的平坦頂部，它像陣雨後的熱煤渣一樣冒著煙，沒有人願意在日落之前冒險赤裸腳底。在小伊莎貝爾河上，一棵破舊的棕櫚樹，粗壯的樹幹上長滿了刺，棕櫚樹中的一個非常女巫，在粗糙的沙子上沙沙作響著一堆令人沮喪的枯葉。

區塊引用

單行區塊引用：

保持飢餓。保持愚蠢。

帶有引用參考的多行區塊引用：

這 超文本標記語言

元素 （或者 HTML 區塊引用元素) 表示所附文本是擴展引文。通常，這是透過縮排在視覺上呈現的（參見 筆記 了解如何更改它）。引用來源的 URL 可以使用 引用 屬性，而來源的文字表示可以使用 元素。

多個貢獻者 – MDN HTML 元素參考 – blockquote

表格

員工 薪水
約翰·多伊 $1 因為這就是史蒂夫‧賈伯斯所需要的薪水。
簡·無名氏 $100K 對於她所做的所有博客。
弗萊德·布洛格斯 $100M 圖片抵得上一千個字，對吧？所以簡 x 1,000。
簡·布洛格斯 $100B 還留著這樣的頭髮？！說夠了…

定義清單

定義清單標題
定義列表劃分。
啟動
新創公司或新創公司是一家旨在尋找可重複和可擴展的商業模式的公司或臨時組織。
#dowork
「做工作」是由 Rob Dyrdek 和他的私人保鑣 Christopher「Big Black」Boykins 創造的，它可以作為一種自我激勵，激勵你的朋友。
現場表演
我會讓比爾·奧萊利來 解釋 這個。

無序列表（巢狀）

  • 列出項目一
    • 列出項目一
      • 列出項目一
      • 列出項目二
      • 列出項目三
      • 列出第四項
    • 列出項目二
    • 列出項目三
    • 列出第四項
  • 列出項目二
  • 列出項目三
  • 列出第四項

有序列表（嵌套）

  1. 列出項目一 - 從 8 開始
    1. 列出項目一
      1. 列表項一-反轉屬性
      2. 列出項目二
      3. 列出項目三
      4. 列出第四項
    2. 列出項目二
    3. 列出項目三
    4. 列出第四項
  2. 列出項目二
  3. 列出項目三
  4. 列出第四項

HTML標籤

這些支援的標籤來自 WordPress.com 程式碼 常問問題.

地址標籤

1 無限循環
庫比蒂諾, CA 95014
美國

錨標記（又稱連結）

這是一個例子 關聯.

縮寫標籤

縮寫 srsly 代表“認真”。

首字母縮寫標籤（HTML5 中已棄用)

縮寫詞 ftw 代表“為了勝利”。

大標籤 (HTML5 中已棄用)

這些測試是 大的 deal，但 HTML5 不再支援此標籤。

引用標籤

“代碼就是詩。” —自動

代碼標籤

此標籤設定代碼區塊的樣式。
。貼文標題 {
邊距：0 0 5px；
字體粗細：粗體；
字體大小：38px；
行高：1.2；
這裡有一行非常非常非常長的文本，只是為了看看它是如何處理的並找出它是如何溢出的；
}
稍後您將在這些測試中了解到，自動換行：打破單字；將是您最好的朋友。

刪除標籤

這個標籤可以讓你 刪除文字，但是這個標籤是 受到推崇的 HTML5 支援（使用 反而）。

強調標籤

強調標籤應該 斜體化 文字.

水平規則標籤

這句話後面是一個 <hr /> 標籤。

插入標籤

這個標籤應該表示 插入 文字.

鍵盤標籤

這個鮮為人知的標籤模擬 鍵盤文字，通常的樣式是這樣的 標籤。

預先格式化標籤

此標籤用於保留鍵入的空白，例如詩歌或 ASCII 藝術中的空白。

未走的路


羅伯特·弗羅斯特


  兩條路在黃色的樹林里分叉，抱歉我不能兩條路都走（_/）而成為一名旅行者，我站了很長時間（='.'=）並儘可能向下看一條路（“）_（”）到它在灌木叢中彎曲的地方；然後採取另一個，同樣公平，並且可能有更好的主張，|_/|因為它長滿了草，需要磨損； / @ @ 雖然那次經過那裡 ( > º < ) 穿的它們確實差不多，`>>x<<´ / O 那天早上，兩者都同樣躺在樹葉中，沒有任何一步被踩過黑色。哦，我把第一個留到另一天！然而，我知道這條路是如何通往另一條路的，我懷疑自己是否應該回來。我將嘆息著講述這件事，在很久很久以前的地方：兩條路在樹林里分叉，而我——我選擇了一條人跡罕至的路，這讓一切變得不同。這裡有一行非常非常非常長的文本，只是為了看看它是如何處理的並找出它是如何溢出的；

報價標籤 簡短的內嵌引號

開發商、開發商、開發商… ——史蒂夫·鮑爾默

罷工標籤 (HTML5 中已棄用） 和 S標籤

該標籤顯示 刪除線 文字.

小標籤

該標籤顯示 較小 文字.

強標籤

該標籤顯示 加粗字體。

下標標籤

用 H 展現我們的科學風格2O，這應該會將「2」向下推。

上標標籤

仍然堅持科學和愛因斯坦的 E = MC2，這應該會提升 2 。

電傳打字機標籤 (在 HTML5 中已過時)

這個很少使用的標籤模擬 電傳文字，通常的樣式是這樣的 標籤。

底線標籤 在 HTML 4 中已棄用，在 HTML5 中以其他語意重新引入

該標籤顯示 有底線的文字.

變數標籤

這允許您表示 變數.

影像定位

中心對齊影像

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Donec posuere augue quam。 Proin ligula ligula，rutrum ut consectetur id，tincidunt sat amet ipsum。

在 sed porta lectus 中，auctor bibendum est. Mauris tempor Fermentum nisl vel imperdiet。 Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

左對齊影像

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Donec posuere augue quam。 Proin ligula ligula，rutrum ut consectetur id，tincidunt sat amet ipsum。 Proin magna dolor、fringilla nonmalesuada vitae、suscipit at est. Pellentesque ex orci、fringilla in viverra eu、interdum at eros。 Vivamus 在 scelerisque est。

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris.前庭前庭位於 faucibus orci luctus et ultrices posuere cubilia 中。 Nunc ultricies nisl sollicitudin、maximus lacus bibendum、pharetra eros。在 sed nibh arcu 中。 Mauris in orci a neque posuere發酵。 Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id lorem nec turpis porttitor semper。 Quisque nec ligulaerat。 Pellentesque eu gravida lacus。

Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id Quisque interdum luctus est, ut consequat felis。 Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis。在馬蒂斯·沃爾特帕特·阿庫。前庭 blandit purus sed nisi elementum。

右對齊影像

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Donec posuere augue quam。 Proin ligula ligula，rutrum ut consectetur id，tincidunt sat amet ipsum。 Proin magna dolor、fringilla nonmalesuada vitae、suscipit at est. Pellentesque ex orci、fringilla in viverra eu、interdum at eros。 Vivamus 在 scelerisque est。

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris.前庭前庭位於 faucibus orci luctus et ultrices posuere cubilia 中。 Nunc ultricies nisl sollicitudin、maximus lacus bibendum、pharetra eros。在 sed nibh arcu 中。 Mauris in orci a neque posuere發酵。 Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id lorem nec turpis porttitor semper。 Quisque nec ligulaerat。 Pellentesque eu gravida lacus。

Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id Quisque interdum luctus est, ut consequat felis。 Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis。在馬蒂斯·沃爾特帕特·阿庫。前庭 blandit purus sed nisi elementum。

150 × 150 影像，左對齊

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Donec posuere augue quam。 Proin ligula ligula，rutrum ut consectetur id，tincidunt sat amet ipsum。 Proin magna dolor、fringilla nonmalesuada vitae、suscipit at est. Pellentesque ex orci、fringilla in viverra eu、interdum at eros。 Vivamus 在 scelerisque est。

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris.前庭前庭位於 faucibus orci luctus et ultrices posuere cubilia 中。 Nunc ultricies nisl sollicitudin、maximus lacus bibendum、pharetra eros。在 sed nibh arcu 中。 Mauris in orci a neque posuere發酵。 Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id lorem nec turpis porttitor semper。 Quisque nec ligulaerat。 Pellentesque eu gravida lacus。

Aliquam eu accumsan nulla。菜豆（Phasellustincidunt tristique arcu sed tempus）。 Praesent id Quisque interdum luctus est, ut consequat felis。 Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis。在馬蒂斯·沃爾特帕特·阿庫。前庭 blandit purus sed nisi elementum。

大圖

Lorem ipsum dolor sat amet，consectetur adipiscing elit。 Donec posuere augue quam。 Proin ligula ligula，rutrum ut consectetur id，tincidunt sat amet ipsum。

衝浪課程

在 sed porta lectus 中，auctor bibendum est. Mauris tempor Fermentum nisl vel imperdiet。 Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.