Home  >  Article  >  Web Front-end  >  How to implement mouse hover prompt A tag content in html

How to implement mouse hover prompt A tag content in html

php中世界最好的语言
php中世界最好的语言Original
2018-02-11 11:00:316540browse

This time I will show you how to implement the mouse hover to prompt the content of the A tag in HTML. What are the things to note in HTML. The following is a practical case. Let’s take a look. one time.
Prompt content (title

attribute

content) when the mouse is hovering over the object, line wrapping formatting method, summary of html title line wrapping method. The title attribute of html displays one line by default. How to wrap the line? Here DIVCSS5 summarizes and introduces two line wrapping methods for everyone to share and use. 1. Directly wrap the title content to a new line
When filling in the title content directly, press "Enter" to wrap the title content. The sample code is as follows:

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

2. Use the html title to wrap the code

Use the code There are two types of line wrapping codes, both of which can achieve line wrapping when the title content in the

html tag
is displayed. 1. The newline codes are: " " and " "
" " spelling:
& (and symbol, keyboard numeric key 7 Together &) + # (pound sign) + 10 (Arabic numeral ten) + ; (lowercase semicolon)
" " spelling:
& (and symbol, keyboard numeric key 7 together &) + # (pound sign) + 13 (Arabic numeral thirteen) + ; (lowercase semicolon)
The above digits must be entered in English half-width mode. When using it, just select any type (group) of newline symbol codes where a newline is required.
2. The sample code is as follows:

<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注释: 这里为了截图完整,对代码进行换行 -->

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

What are the ways to reference CSS in HTML


How to use the base tag


How to use the trigger method to pop up the file selection dialog box without clicking the file type input

The above is the detailed content of How to implement mouse hover prompt A tag content in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn