-
Notifications
You must be signed in to change notification settings - Fork 0
Home
PotatoScript edited this page Apr 2, 2025
·
8 revisions
| Title | Remark |
|---|---|
| Introduction to HTML | What HTML is, how it works, and its role in web development. |
| HTML Syntax & Structure | Learn the core structure of an HTML document. |
| HTML Doctype | Understand the importance of <!DOCTYPE html>. |
| HTML Tags Overview | Full list of all HTML5 tags and how to use them. |
HTML Comments (<!-- comment -->) |
Learn how to add comments to your code. |
Headings (<h1> to <h6>) |
Use headings properly for content organization. |
Paragraphs (<p>) |
Structure text using paragraphs. |
| Text Formatting | Bold, italic, underline, and other text styles. |
Hyperlinks (<a>) |
Create clickable links and navigate between pages. |
Lists (<ul>, <ol>, <li>) |
Learn how to create ordered and unordered lists. |
Definition Lists (<dl>, <dt>, <dd>) |
Learn how to create definition lists. |
Tables (<table>, <tr>, <td>, <th>) |
Learn how to structure tabular data. |
| Forms & Input Fields | Learn how to create forms and handle user input. |
Form Attributes (action, method, autocomplete) |
Learn form attributes and their functions. |
Input Types (text, password, email, number) |
Learn all available input types. |
Buttons (<button>) |
Learn how to create buttons and their behaviors. |
| Input Validation | Use HTML5 validation to check user input. |
Images (<img>) |
Learn how to insert and optimize images. |
Multimedia (<video>, <audio>) |
Learn how to embed videos and audio. |
Iframes (<iframe>) |
Learn how to embed external content. |
| HTML Entities | Learn special characters like © and <. |
| HTML Meta Tags | Improve SEO, set page descriptions, and more. |
| HTML5 Semantic Elements | Use <header>, <footer>, <article>, <section>, etc. |
| HTML5 Canvas | Learn to draw graphics using JavaScript. |
| HTML5 SVG | Learn how to use scalable vector graphics. |
| HTML5 Local Storage | Store data in the user's browser. |
| HTML5 Session Storage | Store temporary data in a session. |
| HTML5 Web Workers | Learn how to run scripts in the background. |
| HTML5 Geolocation | Get user location using the Geolocation API. |
| HTML5 Drag & Drop | Allow users to drag and drop elements. |
| HTML5 WebSockets | Learn real-time communication with servers. |
| HTML5 IndexedDB | Store large amounts of structured data. |
| HTML5 Accessibility | Make your website accessible to all users. |
| HTML5 Responsive Design | Use media queries and flexible layouts. |
| HTML5 Picture & Source | Use <picture> for responsive images. |
| HTML5 Manifest & PWA | Learn how to create a Progressive Web App (PWA). |
| HTML5 Forms Validation | Validate user input with built-in HTML5 rules. |
| HTML5 Shadow DOM | Encapsulate styles and scripts. |
| HTML5 Custom Elements | Create your own HTML elements. |
| HTML5 Template & Slot | Learn <template> and <slot> for reusable content. |
| HTML5 Web Components | Build modular UI components. |
| HTML5 Service Workers | Learn offline capabilities for web apps. |
| HTML5 Offline Storage | Store data when users are offline. |
| HTML5 Animations | Learn how to create animations using HTML5. |
| HTML5 Data Attributes | Store extra information in HTML elements. |
| HTML5 ARIA Roles | Make web content more accessible. |