[go: up one dir, main page]
Scribd
Upload
23 views5 pages

HTML Table

The document is an HTML file that defines a styled table with various classes for formatting. It includes specific styles for table cells, such as background colors, text alignment, and font weight. The table structure consists of multiple rows and columns with merged cells and different formatting applied to each cell.

Uploaded by

GAMING WITH SPELL
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views5 pages

HTML Table

The document is an HTML file that defines a styled table with various classes for formatting. It includes specific styles for table cells, such as background colors, text alignment, and font weight. The table structure consists of multiple rows and columns with merged cells and different formatting applied to each cell.

Uploaded by

GAMING WITH SPELL
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Table</title>

<link rel="stylesheet" href="class2.css">

<style>

table{

border: 1px solid black;

width: 70%;

height: 300px;

background-color: yellow;

font-size: 25px;

.a,.b,.d,.m,.n,.o,.i,.k,.l,.o{

border: 1px solid black;

background-color: yellow;

.c,.e,.g,.h{

border: 1px solid black;

.a{

text-align: center;

font-weight: bold;
color: white;

.b{

text-align: right;

.c{

background-color: red;

font-weight: bold;

vertical-align: bottom;

text-align: right;

.d{

font-weight: bold;

text-align: center;

.e{

background: red;

font-weight: bold;

text-align: center;

.g{

background: red;

font-weight: bold;

.h{

background: green;

font-weight: bold;
text-align: center;

.i{

text-align: center;

.k{

text-align: right;

.l{

text-align: center;

}.m{

text-align: center;

color: purple;

.n{

vertical-align: bottom;

text-align: center;

.o{

font-weight: bold;

text-align: center;

</style>

</head>

<body>

<div>

<table>
<tr class="one">

<td class="a" rowspan="2">A</td>

<td class="b" colspan="2">B</td>

<td class="d">D</td>

</tr>

<tr class="two">

<td class="g">G</td>

<td class="c" rowspan="2">C</td>

<td class="e">E<sub>F</sub></td>

</tr>

<tr class="three">

<td class="h" colspan="2">H</td>

<td class="n" rowspan="2">N</td>

</tr>

<tr class="four">

<td class="i" colspan="2">I<sup>J</sup></td>

<td class="m"><u>M</u></td>

</tr>

<tr class="five">

<td class="k">K</td>

<td class="l">L</td>

<td class="o" colspan="2">O</td>

</tr>
</table>

</div>

</body>

</html>

You might also like