Chủ đề Nội dung Bổ sung
HTML Tổng quan về HTML Khái niệm,cấu trúc cơ bản
HTML Textual Tags h1-h6, p, br, hr, pre,b,i,u
HTML Lists Tags ul,ol,li
HTML Links & Media a, img,video,audio
HTML Tables table, thead, tbody, th, td
HTML Forms form, input, label,select,button
HTML Semantic HTML header, nav, main, section, article
HTML Attributes Các thuộc tính của các thẻ
CSS CSS Basics inline, internal, external, selectors
CSS Text & Links styling font, color, text-decoration, hover
CSS Colors & Backgrounds HEX, RGB, HSL, background-image
CSS Layout fundamentals display, position, float, flex, grid (intro)
HTML/CMultimedia audio, video, source, track
Canvas/ Canvas & SVG canvas API, basic SVG shapes
JS JS Basics in HTML script tag, defer, async, noscript
JS DOM Basics getElement, querySelector, textContent, cl
JS Events & Validation addEventListener, preventDefault, form va
SEO Meta & OG meta description, og tags, canonical, robot
Charset Entities & Charset UTF-8, meta charset, common entities
A11y Accessibility alt, aria-*, role, tabindex, labels
HTTP MIME Types Content-Type header, common MIME
Security URL Encoding & EscapeencodeURIComponent, HTML escape
Security XSS reflected, stored, DOM-based XSS, preven
Security CSRF CSRF token, SameSite cookie
Security Link safety rel=noopener noreferrer, target=_blank
Security CSP Content-Security-Policy basics
JS Data Attributes data-*, dataset API
Web Stolocal/sessionStorage setItem, getItem, JSON
ComponeTemplate & Web Compontemplate, shadow DOM, custom elements
Legacy Deprecated tags font, center, marquee, migration
Project Page Structure Template Header/Nav/Main/Footer + JS
ResponsiResponsive & Mobile-firsviewport, media queries, fluid images
Project Portfolio Project deploy on GitHub Pages
Project News site project articles, pagination, semantic
Tools Validation & Debug W3C Validator, DevTools, Lighthouse
Ghi chú
Các thẻ liên quan tới văn bản
Các thẻ về danh sách
Về link,âm thanh hình ảnh,video
Tạo bảng
Tạo form với nhiều type
Thẻ ngữ nghĩa
Thẻ ngữ nghĩa
Style previous pages
Style navbar
Hero section with overlay
Center card with flexbox
Embed video w/ captions
Draw circle animation
Add script to change text
Toggle class with button
Validate form with JS
Add OG tags to demo
Check Vietnamese display
Improve form accessibility
Check headers in DevTools
Safe query string form
Simulate & fix XSS
Explain token flow
Fix external links
Add CSP header test
Use data-* in list actions
Save theme to localStorage
Create templated card
Migrate old markup
Create template
Responsive navbar
Publish portfolio
Create 5 articles
Run audits and fix issues
