HTML & CSS Assignment

Web Development Fundamentals

About This Assignment


This assignment helps students apply basic HTML and CSS concepts by solving real-world scenario-based problems. You will design simple static web pages focusing on structure, styling, and layout without using JavaScript.

Learning Objectives


Understand semantic HTML structure

Apply CSS styling for visual design

Create responsive page layouts

Practice proper code organization

Practice Scenarios


Structure

Personal Portfolio

Create a portfolio page using semantic HTML elements like header, nav, main, and footer.


Difficulty:

Beginner

Instructions


Choose a scenario from the list above

Create an HTML file with proper document structure

Add a separate CSS file for styling

Focus on clean, readable code

© 2026 HTML & CSS Lab — Learn by Building