Structure of the Problem Requirements
In this problem we will learn how to make a table in html web page. for that purpose we can use only two terms one is TR that is represent table row and TD that is representing Table dimensions or you can simply say table column.And after that you can also add that Table header and footer using <thead> and t<footer> respectively. Here is the source code for better understanding.
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>© Lets Enjoy Programming (Html Table)</p>
</div>
</body>
</html>
OUTPUT OF THE CODE
 |
| Create Table in Html |
Asad Niazi is Software Engineer , Programmer, Web Developers and a young mentor of Tech Solutions Desk and Blogging Solutions . Asad Love to writes about Technology, Programming, Blogging and make money online.
0 comments:
Post a Comment