Scribd
Upload
38 views

Spring 2025_CS202_1

This assignment requires the creation of a personal portfolio webpage using HTML and CSS, due on May 02, 2025. Students must adhere to specific submission guidelines, including file format and content requirements, while demonstrating understanding of basic HTML structure and CSS styling. The webpage must include elements such as headings, lists, a table, and a hyperlink, along with specific CSS styling instructions.

Uploaded by

mehmoodahmed8855372
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
38 views

Spring 2025_CS202_1

This assignment requires the creation of a personal portfolio webpage using HTML and CSS, due on May 02, 2025. Students must adhere to specific submission guidelines, including file format and content requirements, while demonstrating understanding of basic HTML structure and CSS styling. The webpage must include elements such as headings, lists, a table, and a hyperlink, along with specific CSS styling instructions.

Uploaded by

mehmoodahmed8855372
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Assignment No.

01 Total Marks: 20
Semester: Spring 2025 Lectures: 1 to 9 (Topics: 1
CS202: Fundamentals of Front-End to 37)
Development Due Date: May 02, 2025

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:
1) You have to just upload .html file which will have the code of HTML. Assignment in any other format
(extension) will not be accepted and will be awarded with zero marks.

2) In case of any issue, if the system does not accept .html file then zip your.html file in a zip folder and
upload it on LMS.

Objectives:
The objectives of this assignment are:
 To learn and practice the basic HTML tags.
 Use of List, Table, and Link tags.

Note:

 This assignment is a Graded Assignment.


 The assignment submitted through email will not be accepted.
 This assignment is covering Lectures 1 – 9 (Topics: 1 to 37).
 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
%20Syllabus.pdf

Guidelines:
 Code should be properly indented.
 You can use the following tools/software:
o Notepad or Adobe Dreamweaver
 You will not use any other software to make .html file

For any query about the assignment, contact at [email protected].


Assignment Statement:

You are required to create a basic personal portfolio webpage using HTML and CSS. The purpose of this
assignment is to help you demonstrate your understanding of fundamental HTML structure and CSS styling.

Your webpage must include:

1. A title section using two heading levels: <h1> and <h2>


2. A paragraph briefly introducing yourself
3. An unordered showing your skills
4. An ordered list style should be upper roman showing your hobbies
5. A table with at least 2 columns and 2 rows (e.g., achievements)
6. One hyperlink more about me that must open in a new browser tab using target="_blank"

CSS Requirements:

 Apply a background color


 Set font style, font size, and text color
 Add hover effects for link
 Use CSS selectors (class or ID) for styling
 Format the layout using margins and padding

Solution Instructions:
 You have to use the internal CSS.
 Kindly read the highlighted part more carefully.
 Use basic HTML, which you have learnt till Lecture 9 to design your web page as sample page.
 You also have to use HTML basic tags, HTML List tags, HTML image tag to design sample web page.

Solution Output:

(check the next page)


BEST OF LUCK!

You might also like