Download as pdf or txt
Download as pdf or txt
You are on page 1of 10

Q:1

<!DOCTYPE html>

<html>

<head>

<style>

table, th, td {

border: 1px solid black;

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:

Sr No. Name Team


0 Ali Red
1 Ahmed Blue
2 Maya Orange
3 Sana Green
4 Raza Yellow

Q:2
<!DOCTYPE html>

<html>

<head>
<style>

table, th, td {

border: 1px solid black;

border-collapse: collapse;

</style>

<table>

<tr>

<th rowspan = "2" >Emp No.</th>

<th colspan = "4" >Marks</th>

</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: 1px solid black;

border-collapse: collapse;
}

</style>

<table>

<tr>

<th rowspan = "2" > </th>

<th colspan = "2" >Average</th>

<th rowspan = "2">Red Eyes</th>

</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: 1px solid black;

border-collapse: collapse;

</style>

<table border="1" >

<tr>

<td align="center" colspan="3">MY DAILY MENU</td>

</tr>

<tr>

<td rowspan="3">M<br>O<br>N<br>D<br>A<br>Y</td>

<td> Breakfast</td>

<td>Orange juice<br>Toast<br>Black coffee</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

You might also like