HTML Title Property Content Wrapping Method

Source: Internet
Author: User

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, and there are two ways to use it for everyone to share.


Mouse over HTML link title content wrapping effect

First, the direct title content wraps.

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

<a href= ' http://www.divcss5.com/jiqiao/j510.shtml ' target= ' _ablank ' title= ' title: DIVCSS5 Author: DIVCSS5 from: CSS Original Updated: 2013-05-17 recommendation level: No keyword: Title wrap page: No page reading level: normal ' >html Title property wrap </a>
Second, the use of HTML title wrapped code

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:

<a href= "http://www.divcss5.com/jiqiao/j510.shtml" title= "First row & #10; second row & #10; third row >title line 1</a> <a href= "http://www.divcss5.com/jiqiao/j510.shtml" title= "description One & #13; description two & #13; description three" >title newline 2</a> <!--HTML comments: To wrap the code here for completeness

3. Example


Instance Code


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

HTML Title Property Content Wrapping Method

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.