SHStudentHub
All notes

Topic Notes · Easy summaries with diagrams

Chapter 8 — Chapter 8 — Web Development with HTML, CSS and JavaScript

5 topics + Exercise· COMPUTER
0 of 6 steps done ✓ (5 topics + Exercise)
Topic 1 of 5

Topic 1 · pp. 152–158 · Free

Web Development and HTML Basics

Source: CS 9, Unit 8, pp. 152–158

📘Easy summary

Web development is creating websites and web apps. Front-end: what users see (HTML, CSS, JavaScript); back-end: servers, databases, application logic. HTML (HyperText Markup Language, Tim Berners-Lee 1991) structures web pages. Development environment: a text/code editor (Notepad, VS Code, Sublime), a web browser (Chrome, Firefox) with developer tools, optionally live-server extension and Git. Basic structure: ＜!DOCTYPE html> ＜html> ＜head> (metadata, ＜title>, CSS links — not shown on page) ＜/head> ＜body> (visible content) ＜/body> ＜/html>. Save as index.html and open in browser.

⭐Key points

  • head = metadata; body = content.

🔬Diagram

HTML page<!DOCTYPE html><html><head> title, CSS<body> content</html>

🌿Real-life example

<h1>Hello, World!</h1>

💡Exam tip

  • Write full skeleton from memory.

✅Quick check

1. CSS stands for:

2. Editor example:

Practice this chapter

Lock it in with flashcards and exam-style MCQs.

🗂️ Flashcards✍️ Chapter MCQs