在HTML中，字體上的劃線在許多場合下是一個有用的特效。比如強調文本，表示鏈接已訪問過，等等。要在HTML中實現這一效果，可以使用下劃線、刪除線和頂端劃線三種方式中的任意一種。

<p style="text-decoration: underline;">文字上的下劃線</p>
<p style="text-decoration: line-through;">文字加刪除線</p>
<p style="text-decoration: overline;">文字上的頂端劃線</p>

以上代碼分別使用style屬性來指定不同的文本裝飾。這里的"text-decoration"屬性可以用于控制所有三種劃線方式。其屬性值可以是"none" (即無劃線)，"underline" (下劃線)，"line-through" (刪除線)或"overline" (頂端劃線)。

除了使用style屬性外，也可以使用CSS樣式來實現字體上的劃線。比如使用以下樣式代碼：

<style>
.mytext {
text-decoration: underline;
font-weight: bold;
color: red;
text-align: center;
}
</style>
<p class="mytext">這是測試文本</p>

以上代碼將文本的字體加粗并使用紅色。同時，它也指定了文本的"class"屬性，從而可以將樣式應用于所有使用該類的元素上。在這個例子中，text-decoration屬性設置為underline，以在文本上添加下劃線的特效。

總之，字體上的劃線是HTML中常用的一種文本裝飾方式，可以用于強調重點，突出鏈接等方面。上述代碼是實現這一裝飾效果的最基本方式，可以通過CSS擴展以獲得更多控制。