完成版

完成版 HTML3B 練習 - Tables 與 Tooltip

這頁對應 HTML3B 綜合練習中的表格與 tooltip 完成效果。

返回 HTML3B 綜合練習 返回完成練習總覽
完成效果

完成頁面

Exercise 3-B — 表格與工具提示

HTML Tables + Tooltip 完整練習成果

🧠 練習說明：
本範例展示了 HTML 表格的結構化標籤（<thead>、<tbody>、<tfoot>）、 屬性（colspan、rowspan），以及使用 <span title="..."> 製作的工具提示 (Tooltip)。
期末考成績總表
姓名 科目 分數
小美 數學 期中 88 期末 92
英語 期中 90 期末 94
小明 物理 期中 85 期末 90
化學 期中 87 期末 84
資料來源：ABC Institute — Lesson 3-B 表格練習

工具提示 (Tooltip) 應用示例

在文字上加上 title 屬性，即可讓滑鼠移上去顯示提示內容。

例如： 數學平均分數為 89 分， 英語平均分數為 92 分。