首頁  >  文章  >  web前端  >  html如何實現滑鼠懸停提示A標籤內容

html如何實現滑鼠懸停提示A標籤內容

php中世界最好的语言
php中世界最好的语言原創
2018-02-11 11:00:316522瀏覽

這次帶給大家html的如何實現滑鼠懸停提示A標籤內容,html實現滑鼠懸停提示A標籤內容的注意事項有哪些,下面就是實戰案例,一起來看一下。

滑鼠經過懸停於物件時提示內容(title屬性內容)換行排版方法,html title 換行方法總結。
html的title屬性預設是顯示一行的.如何換行呢? 這裡DIVCSS5總結介紹兩種換行方法為大家分享使用。
一、直接title內容換行
直接填寫title內容時候「回車鍵」換行,範例程式碼如下:

<a href=&#39;http://www.PHP.cn&#39; target=&#39;_ablank&#39; 
title=&#39;标 题:DIVCSS5 
作 者:DIVCSS5 
更新时间:2013-05-17 
推荐等级:无 
关键字:title换行 
分页方式:不分页 
阅读等级:普通&#39;>html title属性换行</a>

二、使用html title換行程式碼
使用程式碼換行共兩種程式碼,皆可實現html標籤內title內容顯示時換行。
1、換行程式碼符合分別為:
“ ”與“ ”
“ ”拼字:
&(and符號,鍵盤數字鍵7一起&)+ #(井號)+ 10(阿拉伯數字十)+ ;(小寫分號)
“ ”拼寫:
&(and符號,鍵盤數字鍵7一起&)+ #(井號)+ 13(阿拉伯數字十三)+ ;(小寫分號)
以上符合數字輸入均必須英文半角模式輸入。使用時候,在需要換行地方任選一種(組)換行符號代碼即可。
2、範例程式碼如下:

<a href="http://www.jb51.net" 
title="第一排&#10;第二排&#10;第三排">title换行1</a> 
<a href="http://www.jb51.net" 
title="说明一&#13;说明二&#13;说明三">title换行2</a> 
<!-- html注释: 这里为了截图完整,对代码进行换行 -->

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

在HTML中有哪些引用CSS的方式

base標籤需要如何使用

怎麼使用trigger方式實作不用點選file類型的input彈出檔案選擇對話框

以上是html如何實現滑鼠懸停提示A標籤內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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