Table Excersice 2 solution (only 4, 5 tables which looks hard)
1. Create
the HTML table for the following:
A
|
B
|
C
|
|||
D
|
E
|
F
|
G
|
H
|
|
S
|
I
|
J
|
K
|
L
|
M
|
N
|
O
|
P
|
Q
|
R
|
|
T
|
Ans )
<!doctype html>
<html>
<head>
<title>Assignment 1</title>
<style>
table tr
{
text-align:center;
vertical-align:bottom;
}
</style>
</head>
<body>
<table height=250 width=500 cellspacing=0 border=1>
<tr>
<td>A</td>
<td>B</td>
<td colspan=4>C</td>
</tr>
<tr>
<td>D</td>
<td colspan=2>E</td>
<td>F</td>
<td>G</td>
<td>H</td>
</tr>
<tr>
<td rowspan=3>S</td>
<td>I</td>
<td>J</td>
<td>K</td>
<td>L</td>
<td>M</td>
</tr>
<tr>
<td>N</td>
<td>O</td>
<td>P</td>
<td>Q</td>
<td>R</td>
</tr>
<tr>
<td colspan=5>T</td>
</tr>
</table>
</body>
</html>
3. Create the HTML table
for the following:
A
|
||||
B
|
C
|
|||
D
|
E
|
F
|
G
|
|
H
|
||||
I
|
||||
J
|
<!doctype html>
<html>
<head>
<style>
table tr
{
text-align:center;
}
</style>
<title>Assignment 3</title>
</head>
<body>
<table align="center" height=300 width=400 cellspacing=0 border=2>
<tr>
<td colspan=5>A</td>
</tr>
<tr>
<td rowspan=5>B</td>
<td colspan=4>C</td>
</tr>
<tr>
<td rowspan=3>D</td>
<td rowspan=3>E</td>
<td rowspan=3>F</td>
<td>G</td>
</tr>
<tr>
<td>H</td>
</tr>
<tr>
<td>I</td>
</tr>
<tr>
<td colspan=5>J</td>
</tr>
</table>
</body>
</html>
HTML
5. Create the HTML table for the following:
Email Sign Up Form
|
||
First Name |
:
|
|
Last Name |
:
|
|
Email id required |
:
|
|
Age |
:
|
Use Combo Box Here that allow user to
select Age
|
Hobby |
:
|
Use Cricket,
|
Address |
:
|
|
<use Check
Box> I agree with terms and service
|
<!doctype html>
<html>
<head>
<title>Assignment 5</title>
</head>
<body>
<table align="center" cellpadding=5 height=300 width=400 cellspacing=0 border=2>
<tr>
<th colspan=3><u>Email Sign Up Form</u></th>
</tr>
<tr height=20>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>First Name</td>
<td> : </td>
<td><input type="text"></td>
</tr>
<tr>
<td>Last Name</td>
<td> : </td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email id *</td>
<td> : </td>
<td><input type="text" required></td>
</tr>
<tr>
<td>Age</td>
<td> : </td>
<td><input type="date"></td>
</tr>
<tr>
<td>Hobby</td>
<td> : </td>
<td><input type="text"></td>
</tr>
<tr valign=top>
<td >Address</td>
<td > : </td>
<td height="3"><textarea style="overflow:scroll;resize:none;" rows=4 cols=20></textarea></td>
</tr>
<tr>
<th colspan=3 align=center><input type=checkbox><u>I agree with terms and service</u></th>
</tr>
</table>
</body>
</html>
6. Create
the HTML table for the following:
Table
|
Chair
|
|||
unit profit
|
400
|
100
|
||
Resource
|
Resource
|
|||
Resource used per unit production
|
Used
|
Available
|
||
Oak
|
50
|
25
|
2500
|
2500
|
Labour hr
|
6
|
6
|
300
|
480
|
Table
|
Chair
|
Total profit
|
||
Units
produced
|
50
|
0
|
20000
|
<!doctype html>
<html>
<head>
<style>
</style>
<title>Assignment 6</title>
</head>
<body>
<table align="center" cellpadding=5 height=300 width=600 cellspacing=0 border=2>
<tr>
<th></th>
<th>Table</th>
<th>Chair</th>
<th></th>
<th></th>
</tr>
<tr>
<td>Unit profit</td>
<td>400</td>
<td>100</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<th>Resource</td>
<th>Resource</td>
</tr>
<tr>
<td></td>
<th colspan=2>Resource used per unit<br>producton</td>
<th>Used</th>
<td>Available</td>
</tr>
<tr>
<td>oak</td>
<td>23</td>
<td>43</td>
<td>4554</td>
<td>4545</td>
</tr>
<tr>
<td>gdfdf hg</td>
<td>5</td>
<td>5</td>
<td>454</td>
<td>656</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<th>table</th>
<th>chair</th>
<th></th>
<th>total<br>profitt</th>
</tr>
<tr>
<th>ubtdd<br>probdjd</th>
<td></td>
<td></td>
<td></td>
<th></th>
</tr>
</table>
</body>
</html>
Comments
Post a Comment