📚 Tugas W3Schools HTML Tutorial

Struktur Pembelajaran 3-Level (8 Folder Utama • Folder Materi • File HTML)

📁 01_htmltutorial

39 Topik Materi

Introduction → Editors → Basic → Elements → Attributes → Headings → Paragraphs → Styles → Formatting → Quotations → Comments →

🎨 colors/ (Submateri)

colors.html (Utama) rgb.html hex.html hsl.html

CSS →

🔗 links/ (Submateri)

links.html (Utama) link-colors.html link-bookmarks.html

🖼️ images/ (Submateri)

images.html (Utama) image-map.html background-images.html picture-element.html

Project → Favicon → Page Title →

📊 tables/ (Submateri)

tables.html (Utama) borders.html sizes.html headers.html padding-spacing.html colspan-rowspan.html styling.html colgroup.html

📋 lists/ (Submateri)

lists.html (Utama) unordered.html ordered.html other.html

Block & Inline → Div → Classes → Id → Buttons → Iframes → JavaScript → File Paths → Head → Layout → Responsive → Computercode → Semantics → Style Guide → Entities → Symbols → Emojis → Charsets → URL Encode → HTML vs XHTML →

📁 02_htmlforms

6 Materi

Forms → Form Attributes → Form Elements → Input Types → Input Attributes → Input Form Attributes →

📁 03_htmlgraphics

2 Materi

Canvas Graphics → SVG Graphics →

📁 04_htmlmedia

5 Materi

Media Overview → Video → Audio → Plug-ins (<object>) → YouTube →

📁 05_htmlapis

6 Materi

Web APIs → Geolocation → Drag and Drop → Web Storage → Web Workers → Server-Sent Events →

📁 06_htmlcert

1 Materi

HTML Certificate →

📁 07_htmlexamples

11 Materi

HTML Examples → HTML Editor → HTML Quiz → HTML Exercises → HTML Challenges → HTML Website → HTML Syllabus → Study Plan → Interview Prep → HTML Summary → Accessibility →

📁 08_htmlreferences

16 Materi

Tag List → Attributes → Global Attributes → Browser Support → Events → Colors → Canvas Reference → Audio/Video DOM → Doctypes → Character Sets → URL Encode → Language Codes → HTTP Messages → HTTP Methods → PX to EM → Keyboard Shortcuts →