Home Html Table Heading in HTML
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

Table Heading in HTML

Advertisement
The Tutorial illustrates an example to create a Table in HTML.

Table Heading in HTML

     

The Tutorial illustrates an example to create a Table in HTML. To create a Table, we define the table inside the <table> tag. A Table consists of heading enclosed within <th> tag. It consists of  rows ,which are enclosed within the <tr> tag. Each row is  further branched  into data cells, enclosed with the <td> tag. The td stand for "table data", which is content of a data present in cell. This data can contain text,images,lists,form,horizontal rule,frame,tables,etc. 

Understand with Example

The Tutorial illustrates an example  from Table Heading in HTML. In this Tutorial we create a table, which show its column heading. 

The <tr> tag :This  is used to define rows in a table.

Within a <tr> tag, The <th> tag define a heading of the table column.

<td> tag : This stand for "table data" content data present in a cell. 

<html>
<head>11
<title>
Table in HTML
</title>
</head>
<body>
<table border="1">
<tr>
<th>Heading no.1</th>
<th>Heading no.2</th>
</tr>
<tr>
<td>Row-No.1,Cell-No.1</td>
<td>Row-No.1,Cell-No.2</td>
</tr>
<tr>
<td>Row-N0.2,Cell-No.3</td>
<td>Row-No.2,Cell-No.4</td>
</tr>
</table>
</body>
</html>

The above code is saved with .html extension. Place the path of html saved code in URL of browser. Run the code in your browser.

Output is Displayed as

Download Source

Advertisements

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: May 22, 2009

Ask Questions?    Discuss: Table Heading in HTML  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com