HTML & CSS Introduction

Definition: HTML (HyperText Markup Language) builds the structure and content of a web page — headings, text, images, links. CSS (Cascading Style Sheets) controls the appearance — colours, fonts, spacing, and layout.

Every website you have ever visited is built with HTML and CSS. They are the first two languages every web developer learns, and they are beginner-friendly — you can see results instantly.

How they work together

• HTML = the content and structure (the skeleton)
• CSS = the styling (the skin and clothes)
• (JavaScript = the behaviour — our next-door course)

HTML uses tags

HTML wraps content in tags written in angle brackets. Most come in pairs — an opening tag and a closing tag with a slash:

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

The editor below is live — edit the code and press Run to see your page update instantly. Try changing the text!