HTML中如何加底線?html<u>標籤添加底線的用法執行個體

來源:互聯網
上載者:User
本篇文章主要的介紹了關於html底線u標籤的用法,還有html u 標籤的使用說明和執行個體解析,能讓大家更快速的知道html u底線標籤的基礎用法。接下來讓我們一起來看看這篇文章吧

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

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

在html標籤中對需要加底線的文字加<u></u>即可實現加底線樣式。

底線<u>標籤的文法:

<u>我被加底線了</u>

來看個完整代碼的用法執行個體:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>topic.alibabacloud.com www.php.cn</title> </head> <body> 這裡是topic.alibabacloud.com!<br />  topic.alibabacloud.com網址<u>www.php.cn</u> !  </body> </html>

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

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

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

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

html底線U標籤使用案例:

這裡是topic.alibabacloud.com<br /> php中文網的網址<u>www.PHP.cn</u> !

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

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

<u> 標籤修飾的內容將被加底線。

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

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.