Professional Documents
Culture Documents
Table, TH, TD (Border: 1px Solid Black Border-Collapse: Collapse )
Table, TH, TD (Border: 1px Solid Black Border-Collapse: Collapse )
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border-collapse: collapse;
</style>
<table>
<tr>
<th>Sr No.</th>
<th>Name</th>
<th>Team</th>
</tr>
<tr>
<td>0</td>
<td>Ali</td>
<td>Red</td>
</tr>
<tr>
<td>1</td>
<td>Ahmed</td>
<td>Blue</td>
</tr>
<tr>
<td>2</td>
<td>Maya</td>
<td>Orange</td>
</tr>
<tr>
<td>3</td>
<td>Sana</td>
<td>Green</td>
</tr>
<tr>
<td>4</td>
<td>Raza</td>
<td>Yellow</td>
</tr>
</table>
</body>
</html>
Output:
Q:2
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border-collapse: collapse;
</style>
<table>
<tr>
</tr>
<tr>
<td>Sec A</td>
<td>Sec B</td>
<td>Sec C</td>
<td>Total</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>6</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>15</td>
</tr>
<tr>
<td>3</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>24</td>
</tr>
</table>
</body>
</html>
Output:
Marks
Emp No.
Sec A Sec B Sec C Total
1 1 2 3 6
2 4 5 6 15
3 7 8 9 24
Q:3
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border-collapse: collapse;
}
</style>
<table>
<tr>
</tr>
<tr>
<td>Height</td>
<td>Width</td>
</tr>
<tr>
<td>Males</td>
<td>1.9</td>
<td>0.002</td>
<td>40%</td>
</tr>
<tr>
<td>Females</td>
<td>43%</td>
<td>0.003</td>
<td>1.7</td>
</tr>
</table>
</body>
</html>
Output:
Average
Red Eyes
Height Width
Males 1.9 0.002 40%
Females 43% 0.003 1.7
Q:4
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border-collapse: collapse;
</style>
<tr>
</tr>
<tr>
<td rowspan="3">M<br>O<br>N<br>D<br>A<br>Y</td>
<td> Breakfast</td>
</tr>
<tr>
<td>Lunch</td>
<td>Sandwich<br>Apple</td>
</tr>
<tr>
<td>Dinner</td>
<td>Burger<br>Stake<br></td>
</tr>
</table>
</body>
</html>
Output:
MY DAILY MENU
Orange juice
M Breakfast Toast
O Black coffee
N
Sandwich
D Lunch
Apple
A
Y Dinner Burger
Stake