Simple Demo for Non-IT Students

How Web Programming Works

This small website demonstrates the 3 basic parts of web programming: HTML for structure, CSS for design, and JavaScript for interactivity.

HTML

HTML creates the content you see, like headings, text, buttons, and input fields.

CSS

CSS makes the page look nice by adding colors, spacing, borders, and layout.

JavaScript

JavaScript makes the page respond when a user clicks a button or enters text.

Interactive Example

Type your name below and click the button.

Your result will appear here.

What just happened?

HTML made the input box, button, and message area.
CSS styled them to look clean and friendly.
JavaScript checked what you typed and displayed a message.