Sunday, 8 December 2013

How to make fancy table in html


Code:
<head>
<title>
lab 7 task 1
</title>
<style>
.o{
color: #F30;
border-color: blue;
}
#a{background-color:grey;}
</style>
</head>

<body>
<table border="0" align="center" cellspacing="4" cellpadding="2" witdh="100%" height="40%">

<th class="o">ID</th>
<th class="o">NAME</th>
<th class="o">OCCUPATION</th>
<th class="o">APPROX.LOCATION</th>
<th class="o">PRICE</th>

<tr id="a">
<td>203A</td>
<td>Hasan<A HREF="http://softproweb.blogspot.com/">(bio)</A></td>
<td>Front-man</td>
<td>Los Angeles</td>
<td>$39.95</td>
</tr>

<tr>
<td>141B</td>
<td>Amir<A HREF="http://softproweb.blogspot.com/">(pic.bio)</A></td>
<td>Singer</td>
<td>Newyork</td>
<td>$39.95</td>
</tr>

<tr id="a">
<td>2031</td>
<td>Zain<A HREF="http://softproweb.blogspot.com/">(pic)</A></td>
<td>Producer</td>
<td>Newyork</td>
<td>$19.95</td>
</tr>

<tr>
<td>007F</td>
<td>Kashif<A HREF="http://softproweb.blogspot.com/">(bio.press)</A></td>
<td>Singer</td>
<td>Omaha</td>
<td>$11.95</td>
</tr>

<tr id="a">
<td>8A05</td>
<td>Faisal<A HREF="http://softproweb.blogspot.com/">(pic)</A></td>
<td>DJ</td>
<td>London</td>
<td>$19.95</td>
</tr>

<tr>
<td>6636</td>
<td>talha<A HREF="http://softproweb.blogspot.com/">(bio.press)</A></td>
<td>Keytarist</td>
<td>London</td>
<td>$39.95</td>
</tr>

</table>
</body>

Screen Shot:

How to make fancy table in html

No comments:

Post a Comment