#1a) Create a page that
contains: Your Name, Your Reg Number, The Course Name, The Date
b) Center the
information above and increase the heading size to at least 2.
c) Set the
Picture of Yours in this page.
Solution:
<html>
<body>
<center>
<img src="C:\Users\Madhusudhan N\Desktop\BCA 5th Sem Notes\IMG_20170722_084630.jpg" Height=300 width=250 border=3 align=right>
<font size=+2>Name :</font> Madhusudan<br>
<font size=+2>Reg Number : </font> 01<br>
<font size=+2>Course : </font> BCA <br>
<font size=+2>Date :</font> 07-12-2020 <br><br>
</center>
</body>
</html>
Output
#2) Create a page that
Illustrates Heading Tags.
Solution:
<html>
<body>
<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>
</body>
</html>
Output
#3) Create a page that
contains a table that corresponds to your class Time Table.
Solution:
<html>
<body>
<table border=1 cellspacing=0 cellpadding=10 width=60%>
<tr>
<th colspan=5> Time Table for BCA V Semester</th>
</tr>
<tr>
<th>Time → <br>Day ↓</th>
<th>09:30 <br> 10:20</th>
<th>10:30 <br> 11:20</th>
<th>11:30 <br> 12:20</th>
</tr>
<tr align=center>
<th>Monday</th>
<td> DC & N <br> VV </td>
<td> PyP <br> VD </td>
<td>WT <br> MN </td>
</tr>
<tr align=center>
<th>Tuesday</th>
<td> DC & N <br> VV </td>
<td> PyP <br> VD </td>
<td>WT <br> MN </td>
</tr>
<tr align=center>
<th>Wednesday</th>
<td>WT <br> MN </td>
<td> PyP <br> VD </td>
<td> DC & N <br> VV </td>
</tr>
<tr align=center>
<th>Thursday</th>
<td>WT <br> MN </td>
<td> PyP <br> VD </td>
<td> DC & N <br> VV </td>
</tr>
<tr align=center>
<th>Friday</th>
<td> DC & N <br> VV </td>
<td> PyP <br> VD </td>
<td>WT <br> MN </td>
</tr>
<tr align=center>
<th> Saturday</th>
<td>SEC 1 - ST <br> VV </td>
<td colspan=2>SEC 2 - PP <br> LD</td>
</tr>
</table>
</body>
</html>
Output
#4) Create a page that contains a below information
Solution:
<html>
<body>
<p>
<font color=red> HOE 1: Create the below table in HTML</font>
</p>
<br>
<table border=5 bordercolor=blue width=100% cellspacing=0 cellpadding=5 align="center">
<tr></tr>
<th colspan=16>Marks List for BCA 5<sup>th</sup> Semester</th>
</tr>
<tr>
<th rowspan=3>Roll No</th>
<th colspan=15>Subject List</th>
</tr>
<tr>
<th colspan=3>Web Technologies</th>
<th colspan=3>Python Programming</th>
<th colspan=3>Data Communication & Networks</th>
<th colspan=3>SEC 1-Software Testing</th>
<th colspan=3>SEC 2-PERL Programming</th>
</tr>
<tr>
<th>Theory</th>
<th>Internal</th>
<th>Total</th>
<th>Theory</th>
<th>Internal</th>
<th>Total</th>
<th>Theory</th>
<th>Internal</th>
<th>Total</th>
<th>Theory</th>
<th>Internal</th>
<th>Total</th>
<th>Theory</th>
<th>Internal</th>
<th>Total</th>
</tr>
<tr align=center>
<th>01</th>
<td>80</td>
<td>20</td>
<th>100</th>
<td>79</td>
<td>20</td>
<th>99</th>
<td>78</td>
<td>20</td>
<th>98</th>
<td>38</td>
<td>10</td>
<th>48</th>
<td>39</td>
<td>10</td>
<th>49</th>
</tr>
<tr align=center>
<th>02</th>
<td>79</td>
<td>20</td>
<th>99</th>
<td>78</td>
<td>20</td>
<th>98</th>
<td>80</td>
<td>20</td>
<th>100</th>
<td>39</td>
<td>10</td>
<th>49</th>
<td>38</td>
<td>10</td>
<th>48</th>
</tr>
</table>
<hr color=purple size=5% width=100%>
<p>
<font color=red> HOE 2: Create the below table in HTML</font>
</p>
<br>
<table border=2 cellspacing=0 cellpadding=10 bordercolor=pink width=100% align=center>
<tr>
<th rowspan=2>Name of Train</th>
<th rowspan=2>Place</th>
<th rowspan=2>Destination</th>
<th colspan=2>Time</th>
<th rowspan=2>Fare</th>
<tr>
<th>Arrival</th>
<th>Departure</th>
</tr>
<tr align=center>
<td>Rajadhani Express</td>
<td>Bombay</td>
<td>Delhi</td>
<td>07:30</td>
<td>08:45</td>
<td>Rs.989.00</td>
</tr>
<tr align=center>
<td>Madras Mail</td>
<td>Bombay</td>
<td>Madras</td>
<td>09:00</td>
<td>10:15</td>
<td>Rs.445.00</td>
</tr>
</table>
</body>
</html>
Output:
#5a) Create a page that
contains an unordered circled grocery list.
b)
Underline the most important items that you need to get.
Solution:
<html>
<body>
<P>Below are the grocery items need to get. Underlined ones are important.</P>
<ul type=circle>
<li><u>ToothPaste</u></li>
<li>Wheel Powder</li>
<li><u>Surface Cleaner</u></li>
<li><u>Hair Oil</u></li>
<li><u>Sanitiser</u></li>
<li><u>Mask</u></li>
<li>Sugar</li>
<li>salt</li>
</ul>
</body>
</html>
Output:
No comments:
Post a Comment