O Level M2-R5.1 — Chapterwise Notes

Chapter-by-chapter notes — open any chapter and read it right here.

8 PDFs available — all free

1Chapter 1: Introduction to Web DesignWeb design basics — websites, web pages, browsers and how the web worksOpen 2Chapter 2: EditorsM2 Chapter 2 notes — the text and HTML editors used to build web pages, WYSIWYG versus code editors, and how to save, preview and organise your page files.Open 3Chapter 3: HTML BasicsM2 Chapter 3 notes — HTML from the ground up: document structure, tags and attributes, headings and paragraphs, lists, tables, images, links and forms.Open 4Chapter 4: CSSCascading Style Sheets — selectors, properties and page stylingOpen 5Chapter 5: CSS FrameworkM2 Chapter 5 notes — CSS frameworks explained: grid and container classes, responsive breakpoints and the ready-made components that make a page mobile friendly.Open 6Chapter 6: JavaScriptJavaScript basics — variables, operators, functions and eventsOpen 7Chapter 7: Photo EditorM2 Chapter 7 notes — the image editing a web designer needs: file formats, resizing and cropping, layers, transparency and compressing images for the web.Open 8Chapter 8: Web Publishing and BrowsingM2 Chapter 8 notes — publishing a finished website: domain names, web hosting, uploading files, plus how browsing, search engines and web servers actually work.Open

M2 Home Video Classes Full Course

Try this HTML, CSS and JavaScript live — free

Type any tag or style from these notes into our free editor, press Run and see the page change. The explained examples show the code and the result side by side.

Open HTML editor HTML & JS Examples explained Practice questions