HTML title wrapping method such as a link tag within the Title property mouse hover Prompt content Wrapping

Source: Internet
Author: User
Tags html br html comment

Mouse over the object when hovering the prompt content (Title property content) Wrapping method, the HTML title wrapping method summary.

The title property of HTML is displayed by default. How do I change the line? Here DIVCSS5 summarizes two kinds of line-wrapping method for everyone to share the use.


Mouse over HTML link title content wrapping effect

First, the direct title content line- TOP

Enter the title directly when the "return" line, the sample code is as follows:

  
 
   
  
  1. < a href=' http://www.divcss5.com/jiqiao/j510.shtml ' Target =' _ablank '
  2. title = ' title: DIVCSS5
  3. Author: DIVCSS5
  4. Posted from: CSS Original
  5. Update Time: 2013-05-17
  6. Recommended level: None
  7. Keyword: Title wrap
  8. Paging mode: No paging
  9. Reading level: normal '>HTML title Property wrap </a>

Browser effects:


Move the mouse over a linked text to prompt for a wrap effect on the content

Second, the use of HTML title wrapped code- TOP

Use code wrapping a total of two kinds of code, can implement the HTML tag in the title content display when the line break.

1, the line-break code to meet the respective:
"& #10;" and "& #13;"

"& #10;" Spelling:

&(ampersand, keypad number key 71 &) + #(pound sign) + (Arabic numerals 10) + ; (Lowercase semicolon)

"& #13;" Spelling:

&(ampersand, keypad number key 71 &) + #(pound sign) + (Arabic numerals 13) + ; (Lowercase semicolon)

The above digital input must be in the English half-width mode input. When using, you can choose one (group) line break symbol code where you need to change the line.

2. The sample code is as follows:

 
   
  
  1. < a   href = "Http://www.divcss5.com/jiqiao/j510.shtml"  
  2. title span>= "first row & #10; second row & #10; third row ; title wrap 1 </ a ;  
  3. < A   href = "http://www.divcss5.com/jiqiao/j510.shtml"  
  4. title = "description & #13; description two & #13; description three" ; title Line 2 </ a ;  
  5. <!-- html Comment:  here for completeness, wrap the code  -->  

3. Example


Instance Code


Display the Title property content when you mouse over a hyperlink to implement a line-wrapping display

Online Demo: View demonstration Cases

Third, related reading- TOP

1. HTML Wrapping
2. Title tag of HTML title
3. HTML BR
4. HTML p
5. CSS Wrapping
6. CSS does not wrap
7. HTML link
8, the title appears in the place

If you want to reprint, please indicate the source and origin of the article URL: http://www.divcss5.com/jiqiao/j510.shtml


HTML title wrapping method such as a link tag within the Title property mouse hover Prompt content Wrapping

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

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.