The Title Attribute

Previous page...

The Title Attribute can be applied to elements in the BODY section of your document.

On your web page they will appear as text in yellow 'call-out' box in your browser.

Heading 1

Bold
This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.
This is a new paragraph! This is a new paragraph! This is a new paragraph! This is a new paragraph! This is a new paragraph! This is a new paragraph!

Hover over any of the elements in the example above and you will see the titles appear as a 'call-out' box, like this on the web page.

The HTML

<html>
<head>
	<title>Tool Tip</title>
</head>

<body>

<h1 title="This is a heading!">Heading 1</h1>
	
	<p><b title="This is bold text!">Bold</b>
	
	<p title="This is a paragraph.">This is a paragraph.
	This is a paragraph. 
	This is a paragraph. This is a paragraph. This is a paragraph.
	This is a paragraph.
	This is a paragraph. This is a paragraph. 
	
	<p title="This is a new paragraph!">This is a new paragraph!
	This is a new paragraph! This is a new paragraph!
	This is a new paragraph!
	This is a new paragraph! This is a new paragraph!

<p>

<table align="center" border="1" cellpadding="50" cellspacing="75"
title="This is a table">
	<tr>
		<td title="This is table cell 1">&nbsp;</td>
		<td title="This is table cell 2">&nbsp;</td>
	</tr>
	<tr>
		<td title="This is table cell 3">&nbsp;</td>
		<td title="This is table cell 4">&nbsp;</td>
	</tr>
</table>	

</body>
</html>

The title ATTRIBUTE should not be confusesed with the title ELEMENT, which is used in the HEAD section of the HTML document!