Web Development Fundamentals
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.
Understand semantic HTML structure
Apply CSS styling for visual design
Create responsive page layouts
Practice proper code organization
Structure
Personal Portfolio
Create a portfolio page using semantic HTML elements like header, nav, main, and footer.
Difficulty:
Beginner
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