We are here with you hands in hands to facilitate your learning & don't appreciate the idea of copying or replicating solutions. Read More>>

Looking For Something at vustudents.ning.com? Click Here to Search

www.bit.ly/vucodes

+ Link For Assignments, GDBs & Online Quizzes Solution

www.bit.ly/papersvu

+ Link For Past Papers, Solved MCQs, Short Notes & More


Dear Students! Share your Assignments / GDBs / Quizzes files as you receive in your LMS, So it can be discussed/solved timely. Add Discussion

How to Add New Discussion in Study Group ? Step By Step Guide Click Here.

CS202 Assignment No 01 Spring 2020 Solution & Discussion

+ How to Follow the New Added Discussions at Your Mail Address?

+ How to Join Subject Study Groups & Get Helping Material?

+ How to become Top Reputation, Angels, Intellectual, Featured Members & Moderators?

+ VU Students Reserves The Right to Delete Your Profile, If?


See Your Saved Posts Timeline

Views: 319

.

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

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

+ Click Here to Search (Looking For something at vustudents.ning.com?)

+ Click Here To Join (Our facebook study Group)

Replies to This Discussion

Please Discuss here about this assignment.Thanks

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)

Click Here to Search (Looking For something at vustudents.ning.com?)

Click Here to Join (Our facebook study Group)

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>
<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 1 Code. Change according to Assignment

<!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>

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

<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<div class="im1c center" ><img class="im1c center" src="https://vulms.vu.edu.pk/Courses/CS202/Downloads/HTML.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 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.

·      For detail of topics in each lecture, see syllabus file given in download section of this course. The link of file is:https://vulms.vu.edu.pk/Courses/CS202/Downloads/CS202%20Mid%20Term%...

 

Guidelines:

§  Code should be properly indented.

§  You can use the following tools/software:

o   Sublime, Netbeans, Adobe Dreamweaver , Notepad           

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

 

For any query about the assignment, contact at cs202@vu.edu.pk.

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>
<head>
<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>
</head>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<div class="im1c center" ><img class="im1c center" src="https://vulms.vu.edu.pk/Courses/CS202/Downloads/HTML.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>

RSS

Latest Activity

© 2020   Created by +M.Tariq Malik.   Powered by

Promote Us  |  Report an Issue  |  Privacy Policy  |  Terms of Service

.