起始標籤 | 結束標籤 |
---|---|
需要 | 需要 |
舉例如下
<html> <head> <title>網頁標題</title> </head> <body> 不使用 <strong> 的文字 <br / ><br / > <strong>使用 <strong> 的文字</strong> </body> </html> <!-- 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:textexample05.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 -->
利用瀏覽器 (broswer) 開啟,結果如下
我們可以看到使用 <strong> 標籤 (tag) 圍起來的文字會變成粗體 (bold) ,這是強調表示的預設方法。事實上, HTML 有另一個專門將文字顯示成粗體的標籤 <b> 。
下面的 textexample06.html 可以看出 <strong> 與 <b> 顯示出的結果其實是一樣的
<html> <head> <title>網頁標題</title> </head> <body> <strong>使用 <strong> 的文字</strong> <br / ><br / > <b>使用 <b> 的文字</b> </body> </html> <!-- 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:textexample06.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 -->
結果如下
為什麼 <strong> 與 <b> 的樣式一樣,卻要有兩個標籤呢?
原因很簡單, <strong> 從文件結構標記出那一部份的文字是被強調的,而 <b> 僅僅將文字標記為粗體,這是說 <strong> 表示文件的邏輯狀態 (local state) ,而 <b> 表示文件的本體狀態 (physical state) 。
邏輯狀態將內容分割出 HTML 文件,從文件結構就得知文字內容的重要性質,本體狀態就只單單屬於樣式 (style) ,這方面同樣可由樣式表 (style sheet) 來完成。
中英文術語對照 | |
---|---|
行內元素 | inline element |
瀏覽器 | broswer |
標籤 | tag |
斜體 | italics |
邏輯狀態 | local state |
本體狀態 | physical state |
樣式 | style |
樣式表 | style sheet |
您可以繼續參考
文字標記與樣式
- <h?> - 標題
- <em> - 強調
- <strong> - 強調
- <dfn> - 定義
- <code> - 程式碼
- <samp> - 簡單文字
- <kbd> - 鍵盤符號
- <var> - 變數
- <cite> - 作品名稱
- <abbr> - 英文縮寫
- <acronym> - 頭字母縮寫詞 Obsolete
- <q> - 行內引用
- <sub> - 下標
- <sup> - 上標
- <ins> - 插入
- <del> - 刪除
- <tt> - 細小字型 Obsolete
- <i> - 斜體字型
- <b> - 粗體字型
- <big> - 放大字型 Obsolete
- <small> - 縮小字型
- <strike> - 刪除線 Obsolete
- <s> - 刪除線 Obsolete
- <u> - 底線 Obsolete
- <font> - 字型樣式 Obsolete
- <basefont /> - 預設字型樣式 Obsolete
- <span> - 行內元素
相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁
參考資料
沒有留言:
張貼留言