- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引號
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內嵌框架
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭和標題
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 雜項
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 表格查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - <b> 標籤
HTML <b> 標籤用於突出顯示文字並指定文字為粗體。<b> 標籤或元素的目的是吸引人們注意元素的內容,這些內容通常沒有特殊的重要性。
如果我們在段落元素內編寫內容,但內容中出現了一個重要的單詞,我們可以使用 <b> 標籤來突出顯示該重要單詞。
語法
<b> ... </b>
屬性
HTML b 標籤示例
下面的示例將說明 b 標籤的使用,何時何地以及如何使用它來使句子中的任何特定文字加粗。
建立粗體文字元素
我們可以使用 CSS 或 HTML 使任何文字元素加粗,這裡我們將使用 <b> 標籤使文字加粗。
<!DOCTYPE html>
<html>
<body>
<p>This is normal para</p>
<p>
<b>This is bold paragraph </b>
</p>
</body>
</html>
在 <b> 標籤上使用 class 屬性
我們可以使用標籤選擇器來選擇元素,但是當我們在該場景中有多個相同的標籤時,我們需要使用 HTML class 屬性來選擇元素。
<!DOCTYPE html>
<html>
<head>
<style>
.term {
color: green;
font-style: italic;
}
</style>
</head>
<body>
<p>
The two most popular science courses offered by the
school are <b class="term">chemistry</b>
(the study of chemicals and the composition of substances)
and <b class="term">physics</b>
(the study of the nature and properties of matter and energy).
</p>
</body>
</html>
無需 <b> 標籤建立粗體文字
我們也可以在不使用 <b> 標籤的情況下建立粗體文字,為此,我們必須使用 HTML <strong> 標籤或 CSS font-weight 屬性。這裡我們將使用 CSS。
<!DOCTYPE html>
<html>
<body>
<h2>Using CSS properties to set the bold text. </h2>
<p>
This is normal text - <span style="font-weight:bold;">
and this is bold text</span>.
</p>
</body>
</html>
設定 HTML <b> 元素的樣式
我們可以使用 HTML <b> 標籤使任何單詞加粗,預設情況下該關鍵字將加粗,要新增更多樣式,我們也可以使用 CSS。
<!DOCTYPE html>
<html>
<head>
<style>
b {
color: red;
font-style: italic;
}
</style>
</head>
<body>
<p>
This article describes several <b>text-level</b>
elements. It explains their usage in an
<b>HTML</b> document.
</p>
Keywords are displayed with the default style
of the <b>element, likely in bold. </b>
</body>
</html>
支援的瀏覽器
| 標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| b | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告




