「選用適當的標籤」或者「替標籤套用簡單的 CSS 」就能輕鬆製作與網站風格相符的文本樣式：

• 預格式化標籤：表示某個語言的原始碼
• 引用標籤：引用別人的文章、演講，或者是書本裡的一段話
• 首字放大：作出類似報紙、雜誌的文章效果
• 強調文字：標示重點或者關鍵字
• 警告區塊：警示某些重要訊息【紅色、緊急、重要】
• 資訊區塊：告知某些重要訊息【藍色、普通】
• 下載區塊：提示有附件可以下載
• 提示區塊：小技巧、小提示或者任何對訪客有用的資訊
• 評論區塊：撰寫者加註自己的評論【不具社群評論的功能】
• 附件區塊：提示有附件可以下載
• 影音區塊：提示有影音檔可以連結或下載
• 音訊區塊：提示有音訊檔可以連結或下載

 

---

預格式化標籤

您可以使用預格式化標籤呈現 CSS 或其他語言的原始碼。

#ja-rightcol {
  width: 180px;
  float: right;
  color: #EEEEEE;
}

使用方式：
<pre>您想要使用的預格式化文字</pre>

 

---

引用標籤

您可以使用引用標籤，用於引用別人的言論、想法或書籍文章中的一個片段。

您可以使用引用標籤，用於引用別人的言論、想法或書籍文章中的一個片段。

莫求擁，不知幾夜夢矇矓，
傾聽訴，點滴清淚滿千愁。

使用方式：
<blockquote>您想要引用的片段</blockquote>

 

---

首字放大

您可以套用此樣式，作到雜誌、報紙的段落樣式效果。

使用方式：
<div class="text-dropcap"><p>您想要引用的片段</p></div>

 

---

強調文字

您可以套用此樣式，強調重要的段落或標示關鍵字

本校校徽是首任校長杜聰明博士所制定。據杜聰明博士回憶錄記載，校徽三角形表示德育、智育、體育。

校徽內青、白、紅三色，表示青天白日滿地紅之中華民國精神；上面的之高雄醫學四字代表該校校名，同時表示要發展高雄地區之醫學。

又山形之白稜線象形台灣最高、最偉大的玉山；而下面大學二字表示以樂學至上，研究第一的辦學精神，朝現代化醫學大學而發展。

使用方式：
<span class="text-highlight">您想要強調的段落或文字</span>

 

---

警告區塊

您可以套用此樣式，標示訪客需注意的警告訊息

使用方式：
<p class="text-alert">請訪客注意的警告訊息</p>
<div class="text-alert">請訪客注意的警告訊息</div>

 

---

資訊區塊

您可以套用此樣式，標示普通的網站通知訊息

使用方式：
<p class="text-info">普通的訊息通知</p>
<div class="text-info">普通的訊息通知</div>

 

---

下載區塊

您可以套用此樣式，標示文件下載或下載過程時需注意的資訊

使用方式：
<p class="text-download">下載資訊通知</p>
<div class="text-download">下載資訊通知</div>

 

---

提示區塊

您可以套用此樣式，提供幫助訊息

使用方式：
<p class="text-tip">提示或幫助資訊</p>
<div class="text-tip">提示或幫助資訊</div>

 

---

評論區塊

您可以套用此樣式，對文章加註或評論

使用方式：
<p class="text-comment">註解或評論</p>
<div class="text-comment">註解或評論</div>

 

---

附件區塊

您可以套用此樣式，標示附件下載

使用方式：
<p class="text-attachment">標示附件下載</p>
<div class="text-attachment">標示附件下載</div>

 

---

影音區塊

您可以套用此樣式，說明影音連結或下載

使用方式：
<p class="text-video">影音連結或下載</p>
<div class="text-video">影音連結或下載</div>

 

---

音訊區塊

您可以套用此樣式，說明音訊連結或下載

使用方式：
<p class="text-audio">音訊連結或下載</p>
<div class="text-audio">音訊連結或下載</div>

 

 

• 文章
• 樣式