How to Make a Table in HTML

This is simple HTML program to make a table in web page. TR represent table row and TD represent Table dimensions or you can simply say table column. You can also add Table header and footer using <thead> and t<footer> respectively.

  Source Code 

   
<!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">
<head>
 <title> Books </title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<div id= "container" >
<body>
<div id = "header">
<h1>  HTML Table Tutorial</h1>
</div>
  <table border="4">
  <thead>
  <tr>
   <td>LEP</td>
   <td>C++</td>
   <td>Java</td>
   <td>Android</td>
   <td>Php</td>
   <td>HTML</td>
  </tr>
  </thead>
  <tr>
   <td>C++</td>
   <td>C++_1</td>
   <td>C++_2</td>
   <td>C++_3</td>
   <td>C++_4</td>
   <td>C++_5</td>
  </tr>
  <tr>
   <td>Java</td>
   <td>Java_1 </td>
   <td>Java_2 </td>
   <td>Java_3 </td>
   <td>Java_4 </td>
   <td>Java_5 </td>
  </tr>
  <tr>
   <td>Android</td>
   <td>Android_1 </td>
   <td>Android_2 </td>
   <td>Android_3 </td>
   <td>Android_4 </td>
   <td>Android_5 </td>
  </tr>
  <tfoot>
  <tr>
   <td>HTML</td>
   <td>HTML_1</td>
   <td>HTML_2</td>
   <td>HTML_3</td>
   <td>HTML_4</td>
   <td>HTML_5</td>
  </tr>
  </tfoot>
 </table>
 </div >

<div id = "copyright" >
<p>&copy; Lets Enjoy Programming (Html Table)</p>
</div>
</body>
</html>

Output of the Program 

Create Table in Html web page
Create Table in Html

Share on Google Plus

About Asad

Asad Niazi is Software Engineer , Programmer, Web Developer and a young mentor of BloggersTown and PProgramming. Asad Love to writes about Technology, Programming, Blogging and make money online.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment