1. Scope of HTML in UI/UX Design
HTML is responsible only for the Structure and Semantics of the webpage.
Separation of Concerns:
- Structure → HTML
- Style / Visual Design → CSS
- Behavior / Interaction → JavaScript
2. HTML Rules Applied in this Lab
- Proper document structure with
<!DOCTYPE html> - Correct use of
<html lang="en"> - Semantic HTML tags:
<header>,<main>,<section>,<footer> - Proper heading hierarchy (h1, h2)
- Meta tags for character encoding and responsiveness
- Meaningful and clear page title
- Clean, readable, and accessible code
3. Why This Matters in HCI
Good HTML structure improves usability, accessibility, maintainability, and makes it easier to apply CSS and JavaScript later without breaking the design.