HTML and CSS Introduction

HTML gives a web page its structure and content; CSS controls how it looks. Together they're the foundation of the web — every website, and every React, Angular, or Next.js app, renders to HTML and CSS in the end.

The three languages of the front end

• HTML — structure and content (headings, text, images, forms).
• CSS — presentation (colors, layout, spacing, responsiveness).
• JavaScript — behaviour and interactivity (covered in its own course).

How a page loads

The browser downloads the HTML, builds a tree of elements (the DOM), applies your CSS to style it, and paints the result. You write files; the browser renders them.

What each looks like

<!-- HTML: structure -->
<h1>Hello</h1>
<button class="cta">Sign up</button>

/* CSS: a rule = selector + declarations */
.cta {
  background: teal;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
}

What this course covers

First the HTML side (structure, text, links, images, lists, tables, forms, semantics, accessibility), then CSS from the basics through the box model, Flexbox, Grid, responsive design, animations, and modern features — each explained simply, with examples.