<div title>是HTML的一個屬性，用于給元素添加標題。添加標題后，鼠標懸停在元素上時會顯示該標題。本文將詳細介紹如何使用div title屬性以及如何將文字加粗顯示。
在HTML中，可以使用<div>標簽來創建一個容器，即一個塊級盒子。使用<div title>屬性可以為這個盒子添加一個標題，當鼠標懸停在盒子上時，瀏覽器會顯示這個標題。
下面以幾個代碼案例來詳細解釋<div title>的用法和如何加粗顯示文字。
案例一：基本用法

<code>
<div title="這是一個標題">這是一個盒子</div>
</code>

在上面的代碼中，我們創建了一個<div>元素，并為其添加了title屬性，屬性值為“這是一個標題”。當鼠標懸停在這個盒子上時，瀏覽器會顯示這個標題。這個標題可以用來提供更多的信息，幫助用戶理解、區分各個元素。
案例二：結合CSS樣式

<code>
<style>
.box {
width: 200px;
height: 100px;
background-color: #f1f1f1;
text-align: center;
line-height: 100px;
font-weight: bold;
}
</style>
<div class="box" title="這是一個加粗文字的盒子">加粗文字</div>
</code>

在這個案例中，我們通過CSS樣式為<div>元素添加了一些樣式。通過設置font-weight屬性為bold，我們將文本加粗顯示。當鼠標懸停在盒子上時，瀏覽器會顯示提示信息，幫助用戶了解更多關于這個盒子的信息。
案例三：實際應用示例

<code>
<style>
.product {
width: 200px;
height: 300px;
background-image: url('product-image.jpg');
background-size: cover;
}
</style>
<div class="product" title="新款男士T恤">產品展示</div>
</code>

這個案例展示了一個實際的應用場景。在一個產品展示頁面中，通過設置<div>元素的背景圖片，展示了一款新款男士T恤。通過為這個盒子添加title屬性，當用戶鼠標懸停在盒子上時，瀏覽器會顯示產品名稱，提供更多信息。
這幾個案例展示了如何使用<div title>屬性，并通過加粗顯示文字來提供更多的信息。在實際開發中，根據需要可以結合CSS樣式，通過title屬性為盒子增加提示信息，從而提升用戶體驗。希望本文對您有幫助！