CS101 Assignment 1 Solution and Discussion Fall-2019

Assignment No. 01

Semester: Fall 2019
Introduction to Computing - CS101
Total Marks: 25

Due Date: 14-11-2019
Objectives:
After solving this assignment, students will learn about,
• Knowledge of HTML basics.
• Handling of HTML tags.
• Table creation and handling in HTML.
Instructions:
Please read the following instructions carefully before submitting assignment:
It should be clear that your assignment will not get any credit if:
 The assignment is submitted after due date.
 The assignment is not in the .html format.
 The submitted assignment does not open or file is corrupt.
 Assignment is copied(partial or full) from any source (websites, forums, students, etc)

Note:
Any other format like scan images, PDF, “.txt”, “.doc”, “.docx”, Zip, rar, bmp etc. will not be accepted.
For any query about the assignment, contact at [email protected]
Question No.1: You are required to create an Academic Qualification Information web page which will display your academic details in a specific format given in the sample output.

Guidelines :
• You are required to create a heading <H1> aligned center with text “Virtual University of Pakistan” and also apply an hyperlink on the heading which redirects to www.vu.edu.pk.
• You are required to use two <hr> tags and a heading tag with text “Academic Qualification Form” in between the two <hr> tags as shown in the sample output.
• You are required to create a table aligned center with visible border=’3px’ and cellpadding =‘10’.
• The first row of table should contain a heading <H2> with italic text “Academic Details” and there should be some background colour of this heading cell.
• The second row of should contain 3 columns. First cell/column should contain bold text “Degree/Title”, Second cell/column should contain bold text “Obtained Marks”, Third cell/column should contain “Total Marks” as shown in the sample output.
• The third row of table should contain 3 cells/colums. First cell/column should contain

bold text “Matric”, Second cell/column should contain your Obtained marks in matric in bold text, third cell/column should contain your Total marks in matric as shown in the sample output.
• The fourth row of table should contain 3 cells/colums. First cell/column should contain bold text “Intermediate”, Second cell/column should contain your Obtained marks in Intermediate in bold text, Third cell/column should contain your Total marks in Intermediate as shown in the sample output.
• The fifth row of table should contain 2 cells/colums. First cell/column should contain your Current Degree title in bold text. Second cell/column should contain a bullet list of your current semester courses as shown in the output.
• The Sixth row of table should contain a paragraph text “Foreign diploma/Degree holders are required to submit its equalance certificates from concerning authority i.e HEC/IBCC.” in red colour as shown in the sample output.
• The table should be aligned center. Also the text in all of the table cells should be center aligned as shown in the sample output.
• There should be some background colour(other than white colour) of the web page of your own choice.
• The first row of table containing heading “Academic Details” should be merged into a single column as shown in the sample output.
• The last row of table containing paragraph text should be merged into a single column as shown in the sample output.
• The Second cell of fifth row of table containing courses list should contain merged second and third column as shown in the sample output.
• The title of the web page should be your VU-ID.

Sample Output :

3947b342-31f5-4ac6-aebf-b39b797780ee-image.png

Best of Luck

<html>
	  <head>
			 <title>BC123456789</title>
	  </head>
<body bgcolor="lightblue">
			
			<h1 align="center"><a href="http://www.vu.edu.pk/">Virtual University of Pakistan</a><h1>
			
			<HR>
			<h2 align="center" style="color:darkblue">Academic Qualification Form</h2>
			<HR>
			
		<table border="3px" style="text-align:center" align="center" cellpadding = "10">            
            <tr>
				<th colspan="3" align="center" style="background-color:grey"><h2><i>Academic Details</i></h2></th>
			<tr>			
			<tr>
				<th>Degree Title</th>
				<th><b>Obtained Marks</b></th>
				<th><b>Total Marks</b></th>
			</tr>
			<tr>
				<th>Matric</th>
				<td><b>800</b></td>
				<td><b>1050</b></td>
			</tr>
			<tr>
				<th>Intermediate</th>
				<td><b>700</b></th>
				<td><b>1100</b></th>
			</tr>
			<tr>
			<tr>
				<th>BSIT Continue</th>
				<td colspan="2"><u>Current Semester Courses:</u><br>   
					<ul>
					<li>CS101</li>
					<li>CS201</li>
					<li>ENG101</li>
					<li>MGT101</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td colspan="3"><p style="color:red"><b style="color:black">Note:</b>Foreign diploma/Degree holders are required to submit its equalance certificates from concerning authority i.e HEC/IBCC.</p></td>
			</tr>
			</table>
<html>
	  <head>
			 <title>BC123456789</title>
	  </head>
<body bgcolor="lightblue">
			
			<h1 align="center"><a href="http://www.vu.edu.pk/">Virtual University of Pakistan</a><h1>
			
			<HR>
			<h2 align="center" style="color:darkblue">Academic Qualification Form</h2>
			<HR>
			
		<table border="3px" style="text-align:center" align="center" cellpadding = "10">            
            <tr>
				<th colspan="3" align="center" style="background-color:grey"><h2><i>Academic Details</i></h2></th>
			<tr>			
			<tr>
				<th>Degree Title</th>
				<th><b>Obtained Marks</b></th>
				<th><b>Total Marks</b></th>
			</tr>
			<tr>
				<th>Matric</th>
				<td><b>800</b></td>
				<td><b>1050</b></td>
			</tr>
			<tr>
				<th>Intermediate</th>
				<td><b>700</b></th>
				<td><b>1100</b></th>
			</tr>
			<tr>
			<tr>
				<th>BSIT Continue</th>
				<td colspan="2"><u>Current Semester Courses:</u><br>   
					<ul>
					<li>CS101</li>
					<li>CS201</li>
					<li>ENG101</li>
					<li>MGT101</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td colspan="3"><p style="color:red"><b style="color:black">Note:</b>Foreign diploma/Degree holders are required to submit its equalance certificates from concerning authority i.e HEC/IBCC.</p></td>
			</tr>
			</table>
<!DOCTYPE html> 

<html> 

<head> 

<title>bc190401561 </title> 

</head> 

<body bgcolor="#36f5f5"> 

<H1 align="center"><a href="https://www.vu.edu.pk/">Virtual University of Pakistan</a></H1> 

<h2 align="center" style="color: blue;"><hr> Academic Qualification Form</h2></hr> 

<table align="center" border="3px" cellpadding="10px" width="" height=""> 

<tr bgcolor="#879494"><th colspan="3"><h2>Academic Details</h2></th></tr> 

<tr> 

<th align="center"><b>Degree/Title</b></th> 

<th align="center"><b>Obtained Marks</b></th> 

<th align="center"><b>Total Marks</b></th></tr> 

<tr> 

<td align="center"><b>Matric</b></td> 

<td align="center"><b>868</b></td> 

<td align="center"><b>1100</b></td> 

</tr> 

<tr> 

<td align="center"><b>Intermediate</b></td> 

<td align="center"><b>767</b></td> 

<td align="center"><b>1100</b></td> 

</tr> 

<tr align="center" > 

<td align="center"><b>BSPSY</b></td> 

<td colspan="2" ><ul> 

<p ><u><b>Current Semester Course</b></u></p> 

<li >CS101</li><br> 

<li>ENG101</li><br> 

<li>ECO401</li><br> 

<li>ISL201</li><br> 

<li>PAK301</li><br> 

<li>PSY101</li><br> 

</ul></td></tr> 

<tr><th colspan="3">Note:<font color="red">Foreign diploma/Degree holders are required to submit its equalance certificates from concerning authority i.e HEC/IBCC.</font></th></tr> 

</table> 

</body> 

</html>