Govt.
College University Sialkot
Dept. of Computer Science
Web Design and Development
Lab 02
Topic HTML Basics – Structure, Tags, Elements & Attributes
Paltform Visual Studio
Instructions for Students
1. Perform all tasks carefully on your own system.
2. Take screenshots of each step or result.
3. Write Step wise explanation for each task in your lab report.
4. If any command/tool is used, mention it clearly.
5. Submit your lab report as a PDF before the next class.
Lab 02 – Tasks
Task 1 – Basic Headings & Paragraphs (
Objective: Apply headings and paragraphs.
Requirements:
Page title: Lab 2 Task 1
One <h1> heading
Two <h2> subheadings
Three paragraphs <p>
File Name: lab2_task1_yourname.html
Task 2 – Lists
Objective: Create ordered and unordered lists.
Requirements:
Page title: Lab 2 Task 2
One ordered list (<ol>)
One unordered list (<ul>)
Minimum 3 items each
File Name: lab2_task2_yourname.html
Task 3 – Links & Images
Objective: Add hyperlinks and images to webpage.
Requirements:
Page title: Lab 2 Task 3
At least one hyperlink <a>
One image <img> with src and alt
One paragraph describing the image
File Name: lab2_task3_yourname.html
Task 4 – Profile Page – Intermediate
Objective: Build a personal profile page.
Requirements:
Page title: Lab 2 Task 4
<h1> Name
<h2> Degree & University
<p> Short biography
One profile image <img>
Include at least one list (education or skills)
File Name: lab2_task4_yourname.html
Task 5 – Challenge Task – Enhanced Profile
Objective: Create a detailed profile page using all tags learned.
Requirements:
Page title: Lab 2 Task 5
<h1> Name, <h2> Degree & University
<p> Short bio (5–6 lines)
Include at least:
o One ordered list (skills)
o One unordered list (hobbies)
o Two hyperlinks (social media / portfolio)
o One image <img>
o Horizontal lines <hr> between sections
Proper indentation
File Name: lab2_task5_yourname.html