CS101 Assignment No 01 Fall 2019 Solution

CS101 Assignment No 01 Fall 2019 Solution

CS101 Assignment No 01 Fall 2019 Solution

 

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 cs101@vu.edu.pk                                                                                                                                            

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.

 

Note: this is idea soloution only do not just copy paste try it to change according to your own format.

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>virtual id</title>
</head>

 



<body bgcolor=”#66CCFF”>
<h1 align=”center”><a href=”https://www.vu.edu.pk”>Virtual University</a></h1>
<hr>
<h2 align=”center”>Academic Qualification Form</h2>
<hr>
<table width=”1200″ border=”3px” cellpadding=”10″ align=”center”>
<tr>
<th height=”70″ colspan=”3″ align=”center” style=”background-color:#999″><h2><em>Academic Details </em></h2></th>

</tr>
<tr>
<td align=”center”><strong>Degree/Title</strong></td>
<td align=”center”><strong>Obtained Marks</strong></td>
<td align=”center”><strong>Total Marks</strong></td>
</tr>

 



<tr>
<td align=”center”><strong>Matric</strong></td>
<td align=”center”><strong>800</strong></td>
<td align=”center”><strong>1050</strong></td>
</tr>
<tr>
<td align=”center”><strong>Intermediate</strong></td>
<td align=”center”><strong>700</strong></td>
<td align=”center”><strong>1100</strong></td>
</tr>
<tr>
<td align=”center”><strong>BSIT Continue</strong></td>
<td colspan=”2″ align=”center”><p><u>Current Semester Courses</u></p>
<ul>
<li>CS101</li>
<li>CS201</li>
<li>ENG101</li>
<li>MGT101</li>
</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>

 

 

Muhammad Reyan

Leave a Reply

%d bloggers like this: