Quick References
      ADO
      ASP
      CSS2
      HTML
      JavaScript
      Jet SQL
      VBScript
      WML
      WMLScript
      WSH
      XHTML
      XML DOM
      XSLT

Features
      Knowledge Base
      Tutorials

Partners
     ZVON.ORG
     XML
     Planet Source Code
     VisualBuilder
     Web Design
     Your HTML Source
     XML/XSLT Forums
     ASPAlliance
     Scripts
     
     Programmers Heaven
     Tek-Tips Forums
     Developer Fusion
     Code Project









TAG:  caption
<caption> ... </caption>
 
The caption tag allows you to place a comment (caption) with a table. The caption does not appear inside the table, but rather it appears outside the table on either the top (default) or bottom. By default, the caption will be centered on the table. The caption tag must occur immediately after the table tag. You can only have one caption per table. The text that composes the caption can contain HTML tags and style sheet properties.
 
Note that the table tag has the summary attribute which is used with non-visual media such as braille and speech to provide information about a table.
 
The separate closing tag is mandatory.
 
Attributes and Events
 
class    dir    id    lang    onclick    ondblclick    onkeydown    onkeypress    onkeyup    onmousedown    onmousemove    onmouseout    onmouseover    onmouseup    style    title
 
This example demonstrates the basic table tags:
 
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>DevGuru XHTML caption Tag Example</title>
</head>
<body>

<table width="80%" border="10" cellpadding="3" cellspacing="5" align="center">
<caption>
<b>How To Code A Table</b>
<br />
Use the caption tag to name the table and to provide useful information about the contents
</caption>
<tr>
<th colspan'"2">Use the <b>th</b> tag to create the header which will display in bold</th>
</tr>
<tr>
<td style="width:50%">The <b>tr</b> tag creates the row</td>
<td style="width:50%">The <b>td</b> tag creates individual cells for each row</td>
</tr>
<tr>
<td style="width:50%">You should always use the closing tags</td>
<td style="width:50%">You can use a variety of XHTML tags inside the cell</td>
</tr>
<tr>
<td style="width:50%">The three new table tags are <b>tbody, tfoot,</b> and <b>thead</b></td>
<td style="width:50%">The <b>colspan</b> attribute allows you span more than one cell</td>
</tr>
</table>

</body>
</html>
 
Output:
How To Code A Table
Use the caption tag to name the table and to provide useful information about the contents
Use the th tag to create the header which will display in bold
The tr tag creates the row The td tag creates individual cells for each row
You should always use the closing tags You can use a variety of XHTML tags inside the cell
The three new table tags are tbody, tfoot, and thead Setting colspan allows you span more than one cell


 


Copyright 1999-2005 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information