---
title: "Section 2 · Web Design"
description: "Ten lab sessions on HTML, CSS, JavaScript and the DOM, each with source files and a live preview."
image: "https://syntax.theether.in/og.png"
---

> Documentation Index
> Fetch the complete documentation index at: https://syntax.theether.in/llms.txt
> Use this file to discover all available pages before exploring further.

# Section 2 · Web Design

Section 2 of MCS-216 covers the web design labs. Every question has the full source file, a live preview you can interact with, and notes on the HTML, CSS or JavaScript concept it exercises.

> **Lab manual**
>
> Download the official manual: <a href={"/mcs-216.pdf"} target="_blank" rel="noopener">MCS-216 Lab Manual (PDF)</a>. Sessions here follow its numbering and figures.

## Sessions

| Session | Topic |
| --- | --- |
| 1 | JavaScript basics: arithmetic, loops, pattern printing |
| 2 | HTML forms and input controls |
| 3 | Multi-page sites: timetable and personal info page with CSS |
| 4 | DOM access and manipulation |
| 5 | Events, cookies and browser APIs |
| 6 | Form validation |
| 7 | CSS layout and styling exercises |
| 8 | Tables and lists with CSS |
| 9 | External stylesheets and responsive pages |
| 10 | JavaScript applications: persistence and interaction |

## Running the files locally

Open any `.html` file from the session in a browser, or use the "Open in new tab" link under each preview. No build step is needed.

Source: https://syntax.theether.in/mcs-216/section-2/index.mdx