首頁 >web前端 >html教學 >HTML中如何加底線? html標籤新增底線的用法實例

HTML中如何加底線? html標籤新增底線的用法實例

寻∝梦
寻∝梦原創
2018-09-03 17:20:2017965瀏覽

本篇文章主要的介紹了關於html下劃線u標籤的用法,還有html u 標籤的使用說明和實例解析,能讓大家更快速的知道html u下劃線標籤的基礎用法。接下來讓我們一起來看看這篇文章吧

首先我們說說在HTML中怎麼加下劃線的:

一般對字體文字加下劃線樣式,有兩種方法,一直直接使用html底線標籤,另一種是使用CSS下劃線樣式。這裡主要跟大家講一下用html實現底線的方法。

在html標籤中對需要加底線的文字加上即可實現加下劃線樣式。

下劃線標籤的語法:

<u>我被加下划线了</u>

來看個完整程式碼的用法實例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>PHP中文网 www.php.cn</title> 
</head> 
<body> 
这里是PHP中文网!<br />  
PHP中文网网址<u>www.php.cn</u> !  
</body> 
</html>

這個效果應該很明顯,但我們還是給實驗效果圖:

HTML中如何加底線? html<u>標籤新增底線的用法實例

可以清楚的看到,我把網址給加了一個底線,是不是跟a標籤下的網址差不多了,在加色就更像了,但是,我們這個點不了了,也不會跳轉。這只是個樣子而已。

現在我們再來看看u標籤下劃線的使用說明:

底線標籤告訴瀏覽器把其加u標籤的文字加底線樣式呈現顯示給瀏覽者。對所有瀏覽器來說,這意味著要把這段文字加上底線樣式方式呈現給大家顯示。

html下劃線U標籤使用案例:

这里是PHP中文网<br /> 
php中文网的网址<u>www.PHP.cn</u> !

想看效果,就看上面那個圖吧,跟那個差不多的。

關於html u標籤的使用說明:

標籤修飾的內容將會加底線。

同時如果使用html u對文字內容下劃線樣式,而不想顯示下劃線,但可以使用CSS樣式設定去掉u標籤下劃線樣式。

好了,以上就是本篇關於html下劃線u標籤的使用具體的文章了(想學更多,歡迎搜尋PHP中文網,這裡很多很多線上課程在等著你來學習),有問題的可以在下方提問。

【小編推薦】

html中col標籤中的漢字如何居中? html col標籤的基本使用(內有實例)

html圖片怎麼會等比例縮放? html img圖片縮放方法總結(附實例)

以上是HTML中如何加底線? html標籤新增底線的用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多