Search This Blog

Showing posts with label HTML Table Tags. Show all posts
Showing posts with label HTML Table Tags. Show all posts

HTML Table Tag Example

HTML Table Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2 align="center"> Table Tag Example </h2>
<table border="0" bgcolor="black" cellpadding="7" cellspacing="8" align="center">
<tr>
      <td bgcolor="green"> Ankit </td>
      <td bgcolor="yellow"> Kesari </td>
      <td bgcolor="lightblue"> Tiger </td>
      <td bgcolor="olive"> Lion </td>
</tr>
<tr>
      <td bgcolor="brown"> MR Amit </td>
      <td bgcolor="red"> MR Dev </td>
      <td bgcolor="magenta"> A Cat </td>
      <td bgcolor="yellow"> Coldplay </td>
</tr>
</table>
</body>
</head>
</html>
OUTPUT
HTML Table Tag Example

HTML Table Tag With thead tbody tfoot Tag Example

HTML Table Tag With thead tbody tfoot Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2 align="center"> Table Tag With < thead >, < tbody > and < tfoot > Tag Example </h2>
<table border="1" align="center">
<thead><tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr></thead>
<tbody><tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr></tbody>
<tfoot><tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr></tfoot>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With thead tbody tfoot Tag Example

HTML Table Tag With Rules Attribute Example

HTML Table Tag With Rules Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Rules Attribute Example </h2>
<table rules="none">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table rules="rows">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table rules="cols">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table rules="all">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Rules Attribute Example

HTML Table Tag With Frame Attribute Example

HTML Table Tag With Frame Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Frame Attribute Example </h2>
<table frame="box">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table frame="above">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table frame="below">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table frame="hsides">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</br>
<table frame="vsides">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Frame Attribute Example

HTML Table Tag Cell Bgcolor Example

HTML Table Tag Cell Bgcolor Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>

<h2> Table Tag Cell Bgcolor Example </h2>
<table>
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td bgcolor="red"> 40 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag Cell Bgcolor Example

HTML Table Tag With Row Bgcolor Example

HTML Table Tag With Row Bgcolor Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Row Bgcolor Example </h2>

<table>
<tr bgcolor="lightgreen"><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr bgcolor="lightblue"><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr bgcolor="pink"><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr bgcolor="lightblue"><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
<tr bgcolor="pink"><td> 16559081 </td><td> Ankit </td><td> 85 </td><td> 95 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Row Bgcolor Example

HTML Table Tag With Rowspan Example

HTML Table Tag With Rowspan Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Rowspan Example </h2>

<table border="1" cellpadding="5" cellspacing="5">
<tr><th rowspan="5"> IGNOU </th></tr>
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Rowspan Example

HTML Table Tag With Colspan Example

HTML Table Tag With Colspan Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Colspan Example </h2>

<table border="1" cellpadding="5" cellspacing="5">
<tr><th colspan="4"> IGNOU </th></tr>
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Colspan Example

HTML Table Tag With Align Attribute Example

HTML Table Tag With Align Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Align Attribute Example </h2>

<table border="1" align="center">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Align Attribute Example

HTML Table Tag With Cellspacing Attribute Example

HTML Table Tag With Cellspacing Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Cellspacing Attribute Example </h2>

<table border="1" cellspacing="10">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Cellspacing Attribute Example

HTML Table Tag With Cellpadding Attribute Example

HTML Table Tag With Cellpadding Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Cellpadding Attribute Example </h2>

<table border="1" cellpadding="10">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Cellpadding Attribute Example

HTML Table Tag With Background Attribute Example

HTML Table Tag With Background Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Background Attribute Example </h2>

<table border="1" background="Img/img.png">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>

</table>
</body>
</html>
OUTPUT
HTML Table Tag With Background Attribute Example

HTML Table Tag With Height Attribute Example

HTML Table Tag With Height Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Height Attribute Example </h2>

<table border="1" height="200">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Height Attribute Example

HTML Table Tag With Width Attribute Example

HTML Table Tag With Width Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Width Attribute Example </h2>

<table border="1" width="400">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Width Attribute Example

HTML Table Tag With Bordercolor Attribute Example

HTML Table Tag With Bordercolor Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Bordercolor Attribute Example </h2>
<table border="1" bordercolor="red">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Bordercolor Attribute Example

HTML Table Tag With Border Attribute Example

HTML Table Tag With Border Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Border Attribute Example </h2>
<table border="1">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Border Attribute Example

HTML Table Tag With Bgcolor Attribute Example

HTML Table Tag With Bgcolor Attribute Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag With Bgcolor Attribute Example </h2>
<table bgcolor="pink">
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag With Bgcolor Attribute Example

HTML Table Tag Example

HTML Table Tag Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Table Tag Example </h2>
<table>
<tr><th> ENOR NO. </th><th> NAME </th><th> ASSIGN 1 </th><th> ASSIGN 2 </th></tr>
<tr><td> 16559017 </td><td> Sonu </td><td> 90 </td><td> 90 </td></tr>
<tr><td> 16559018 </td><td> Rahul </td><td> 95 </td><td> 90 </td></tr>
<tr><td> 16559019 </td><td> Amit </td><td> 84 </td><td> 90 </td></tr>
</table>
</body>
</html>
OUTPUT
HTML Table Tag Example