Training Trains Internship
Student login
← HTML & CSS learning path
HTML & CSS · Module 1 of 10

How a web page is built

HTML gives structure, CSS gives style, the browser draws the page.

📖 Key ideas

  1. HTML (HyperText Markup Language) marks up content with tags like <h1> and <p>.
  2. CSS (Cascading Style Sheets) sets colours, fonts and layout.
  3. The browser reads HTML and CSS and paints the page.
  4. Files: index.html for content, style.css for styles.
  5. A page skeleton: <!DOCTYPE html>, <html>, <head>, <body>.
💡 Real-life example: HTML is the skeleton and organs of a body; CSS is the clothes and hairstyle.
HTMLStructure and meaning of content
CSSLook and layout of content
TagMarker like <p> around content
<body>Holds everything visible on the page