www.vustudents.ning.com

We non-commercial site working hard since 2009 to facilitate learning Read More. We can't keep up without your support. Donate.

# CS202 Assignment No 01 Spring 2020 Solution & Discussion

CS202 Assignment No 01 Spring 2020 Solution & Discussion

Views: 814

### Replies to This Discussion

Our main purpose here discussion not just Solution

Students having same subject can start discussion here to solve assignment, GDB & Quiz and can clear their concepts until solution is provided.

P.S:    Please always try to add the discussion in proper format title like “CS101 Assignment / GDB No 01 Solution & Discussion Due Date: ___________”

Then copy Questions from assignment file and paste in Discussion.

http://bit.ly/vucodes (For Assignments, GDBs & Online Quizzes Solution)

http://bit.ly/papersvu (For Past Papers, Solved MCQs, Short Notes & More)

CS202 Fundamentals of Front-End Development Assignment No. 1 Solution by VU ACADEMY

## -CS202 ASSIGNMENT NO.1 SOLUTION SPRING 2020-

### CS202 Assignment 1 Code:-

<!DOCTYPE html>
<html>
<title>cs202-assignment-1-solution</title>
<style>
body{
background: #40E0D0;
}
h1 {
text-align: center;
}
.im1c {
height: 150px;
width: 350px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
table, th, td {
border: 1px solid black;
text-align: center;
}

</style>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<div class="im1c center" ><img class="im1c center" src="im1.jpg"></div>
<h3>Introduction</h3>
<p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
<ol>
<li>HTML Docoument</li>
<li>HTML Elements</li>
<li>HTML formating Elements</li>
</ol>
<table style="width:70%; margin-left:15%; ">
<tr>
<th>TOPIC</th>
<th>DISCRIPTION</th>
</tr>
<tr>
<td><b>HTML DOCUMENTS</b></td>
<td>
<li>All html documents must started with <!DOCTYPE html></li>
<li>The html being itself along with <html> and ends with </html> </li>
<li>The visible pasrt html documents is <Body> tag</li></td>
</tr>
<tr>
<td><b>HTML ELEMENTS</b></td>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td><b>HTML Formatting Elements</b></td>
<td>
<li>blod text</li>
<li>important text </li>
<li>marked text</li>
<li>small text </li>
<li>deletd text</li>
<li>inserted text </li>
<li>subscript text </li>
</tr>
</table>
</body>
</html>

### CS202 Assignment 1 Code. Change according to Assignment

<!DOCTYPE html>
<html>
<title>cs202-assignment-1-solution</title>
<style>
body{
background: #40E0D0;
}
h1 {
text-align: center;
}
.im1c {
height: 150px;
width: 350px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<div class="im1c center" ><img class="im1c center" src="im1.jpg"></div>
<h3>Introduction</h3>
<p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
<ol>
<li>HTML Docoument</li>
<li>HTML Elements</li>
<li>HTML formating Elements</li>
</ol>
<table style="width:70%; margin-left:15%; ">
<tr>
<th>TOPIC</th>
<th>DISCRIPTION</th>
</tr>
<tr>
<td><b>HTML DOCUMENTS</b></td>
<td>
<li>All html documents must started with <!DOCTYPE html></li>
<li>The html being itself along with <html> and ends with </html> </li>
<li>The visible pasrt html documents is <Body> tag</li></td>
</tr>
<tr>
<td><b>HTML ELEMENTS</b></td>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td><b>HTML Formatting Elements</b></td>
<td>
<li>blod text</li>
<li>important text </li>
<li>marked text</li>
<li>small text </li>
<li>deletd text</li>
<li>inserted text </li>
<li>subscript text </li>
</tr>
</table>
</body>
</html>

In the assignment, they have asked for "Inline CSS" Not "Internal CSS"

<!DOCTYPE html>
<html>
<title>cs202-assignment-1</title>
<style>
body{
background: #40E0D0;
}
h1 {
text-align: center;
}
.im1c {
height: 200px;
width: 200px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<h3>Introduction</h3>
<p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
<ol>
<li>HTML Docoument</li>
<li>HTML Elements</li>
<li>HTML formating Elements</li>
</ol>
<table style="width:70%; margin-left:15%; ">
<tr>
<th>TOPIC</th>
<th>DISCRIPTION</th>
</tr>
<tr>
<td><b>HTML DOCUMENTS</b></td>
<td>
<li>All html documents must started with <!DOCTYPE html></li>
<li>The html being itself along with <html> and ends with </html> </li>
<li>The visible pasrt html documents is <Body> tag</li></td>
</tr>
<tr>
<td><b>HTML ELEMENTS</b></td>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td><b>HTML Formatting Elements</b></td>
<td>
<li>blod text</li>
<li>important text </li>
<li>marked text</li>
<li>small text </li>
<li>deletd text</li>
<li>inserted text </li>
<li>subscript text </li>
</tr>
</table>
</body>
</html>

CS202 Fundamentals of Front End Development Assignment 1 Solution & Discussion Spring 2020

Assignment No. 01
Semester: Spring 2020

CS202: Fundamentals of Front-End Development

Total Marks: 20

Lectures Covered: 1 to 8

Due Date: 1st June 2020 (1-06-2020)

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 submitted assignment does not open or file is corrupt.

§  Assignment is copied(partial or full) from any source (websites, forums, students, etc)

Note: You have to upload .html file which will have code of HTML. Assignment in any other format (extension) will not be accepted and will be awarded with zero marks.

Objective:

The objectives of this assignment are:

·      To learn and practice the basic HTML tags.

·      Use of Image Tag, Table tags and HTML Ordered and Unordered lists tags

Note:

·      This assignment is a Graded Assignment.

·      The assignment submitted through email will not be accepted.

·      This assignment is covering Lectures 1 - 8.

Guidelines:

§  Code should be properly indented.

§  You can use the following tools/software:

§  You will not use any other software to make .html file

For any query about the assignment, contact at

Assignment Statement:

 Suppose you have been hired as a web developer in an online educational institution. You have been assigned a task to develop a web page to provide HTML basics to students. Your web page should be like sample web page as given below.   Sample Web Page: Solution Instructions: ·      You are required to use image “HTML.jpg”, image URL is given below.    ·      Content for web page is avialble with assignment file. The URLs for internet links are also provided in this file. ·      Use basic HTML and CSS inline styling where required,  which you have learnt till Lecture 8 to design your web page as sample page. ·      You also have to use HTML basic tags, HTML Table, HTML Unordered and Ordered Lists and HTML Links etc. tags to design sample web page. BEST OF LUCK!

CS202 Fundamentals of Front End Development Assignment 1 Solution & Discussion Spring 2020

CS202 Assignment 1 Idea Solution:

`<!DOCTYPE html><html><head><title>cs202-assignment-1-solution</title> <style> body{ background: #40E0D0; } h1 { text-align: center; } .im1c { height: 150px; width: 350px; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } table, th, td { border: 1px solid black; text-align: center; } </style></head><body><h1>HTML (Hyper Text Markup Language)</h1><div class="im1c center" ><img class="im1c center" src="im1.jpg"></div><h3>Introduction</h3><p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p> <ol> <li>HTML Docoument</li> <li>HTML Elements</li> <li>HTML headings and paragraphs</li> <li>HTML formating Elements</li> </ol><table style="width:70%; margin-left:15%; "> <tr> <th>TOPIC</th> <th>DISCRIPTION</th>  <th>Interner links</th> </tr> <tr> <td><b>HTML DOCUMENTS</b></td> <td> <li>All html documents must started with <!DOCTYPE html></li> <li>The html being itself along with <html> and ends with </html> </li> <li>The visible pasrt html documents is <Body> tag</li></td> <td><a href="#">click here for details</a></td> </tr> <tr> <td><b>HTML ELEMENTS</b></td> <td>AN HTML element usausly with a starting tag and the ending tag</td> <td><a href="#">click here for details</a></td> </tr> <tr> <th rowspan="2">HTML Headding & paragraphs</th> <td>AN HTML element usausly with a starting tag and the ending tag</td> <td><a href="#">click here for details</a></td> </tr> <tr> <td>AN HTML element usausly with a starting tag and the ending tag</td> <td><a href="#">click here for details</a></td> </tr> <tr> <td><b>HTML Formatting Elements</b></td> <td> <li>blod text</li> <li>important text </li> <li>marked text</li> <li>small text </li> <li>deletd text</li> <li>inserted text </li> <li>subscript text </li> <td><a href="#">click here for details</a></td> </tr></table></body></html>`

# CS202 assignment No1 - 2020 with Perfect tags and links | Use tag as a plane text

please check the content properly Don,t copy the complete assignment of any where most of the content will missing from the file So, Please check your file content and add it.

<!DOCTYPE html>
<html>
<title>cs202-assignment-1</title>
<style>
body{
background: #40E0D0;
}
h1 {
text-align: center;
}
.im1c {
height: 200px;
width: 200px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<h3>Introduction</h3>
<p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
<ol>
<li>HTML Docoument</li>
<li>HTML Elements</li>
<li>HTML formating Elements</li>
</ol>
<table style="width:70%; margin-left:15%; ">
<tr>
<th>TOPIC</th>
<th>DISCRIPTION</th>
</tr>
<tr>
<td><b>HTML DOCUMENTS</b></td>
<td>
<li>All html documents must started with <!DOCTYPE html></li>
<li>The html being itself along with <html> and ends with </html> </li>
<li>The visible pasrt html documents is <Body> tag</li></td>
</tr>
<tr>
<td><b>HTML ELEMENTS</b></td>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
</tr>
<tr>
<td><b>HTML Formatting Elements</b></td>
<td>
<li>blod text</li>
<li>important text </li>
<li>marked text</li>
<li>small text </li>
<li>deletd text</li>
<li>inserted text </li>
<li>subscript text </li>
</tr>
</table>
</body>
</html>

1

2

3

4

5

## VIP Member Badge & Others

------------------------------------

## Latest Activity

12 minutes ago
20 minutes ago

### CS607 Assignment 03 Spring 2021 Solution / Discussion Due Date: 29-07-2021

20 minutes ago
Muhammad Hamza joined + M.Tariq Malik's group

22 minutes ago
23 minutes ago
36 minutes ago
44 minutes ago
46 minutes ago