Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Awesome-HTML-Book-Course-HyperText-Markup-Language-HTML

⭐ Awesome HTML Book & Course with interactive CodeSandboxes. Learn HTML online with pleasure.
https://github.com/Ditectrev/Awesome-HTML-Book-Course-HyperText-Markup-Language-HTML

Last synced: about 19 hours ago
JSON representation

❣️ Support
Introduction to HTML
- What is HTML?
  - ^1
- Setting Up the Environment
  - ^2
- Basics of Document Object Model (DOM)
  - ^3
Basic Structure of an HTML Document
- Anatomy of an HTML Document
  - ^4
- Understanding DOCTYPE
  - ^5
Essential HTML Tags
- Headings (`<h1>` to `<h6>`)
  - ^6
- Paragraphs and Text Formatting (bold, italic, underline, more)
  - ^7
- Creating Lists
  - ^8
- Hyperlinks (`<a>`)
  - ^9
- Displaying Images (`<img>`)
  - ^10
- Creating Tables (`<table>`, `<tr>`, `<td>`, `<th>`)
  - ^11
- Line Breaks (`<br>`) and Horizontal Rules (`<hr>`)
  - ^12
Forms and User Input
- Structure of an HTML Form
  - ^13
- Text Inputs, Radio Buttons, Checkboxes
  - ^14
  - ^15
  - ^16
- Select Menus and Option Elements
  - ^17
- Submit and Reset Buttons
  - ^18
  - ^19
- Form Validation Basics
  - ^20
- Advanced Form Features
  - ^21
  - ^22
- Practical Examples and Exercises
  - ^23
  - ^24
HTML5 and Semantic Elements
- Commonly Used Semantic Elements
  - ^25
  - ^26
  - ^27
  - ^28
  - ^29
- Practical Applications and Real-World Scenarios
  - ^30
  - ^31
- Evolution and Future Trends in HTML5 and Semantic Elements
  - ^32
  - ^33
  - ^34
- SEO and Semantic HTML
  - ^35
  - ^36
  - ^37
  - ^38
  - ^39
  - ^40
  - ^41
  - ^42
  - ^43
Advanced HTML Features
- Multimedia Integration Elements
  - ^44
  - ^45
- Canvas for Graphics
  - ^46
- Geolocation
  - ^47
- Web Storage
  - ^48
  - ^49
- Drag and Drop
  - ^50
- Iframes
  - ^51
- SVG (Scalable Vector Graphics)
  - ^52
- Data Attributes
  - ^53
CSS Integration with HTML
- Basics of Cascading Style Sheets (CSS)
  - ^54
  - ^55
  - ^56
  - ^57
- Types of CSS (Inline, Internal, External)
  - ^58
  - ^59
  - ^60
- CSS Frameworks
  - ^61
- CSS Preprocessors
  - ^62
- Flexbox and Grid Layouts
  - ^63
  - ^64
Introduction to JavaScript with HTML
- Embedding JavaScript in HTML
  - ^65
- External JavaScript Files
  - ^66
- DOM Manipulation
  - ^67
  - ^68
- Event Handling
  - ^69
  - ^70
Building Responsive Web Designs
- Responsive Design Principles
  - ^84
  - ^85
  - ^86
  - ^87
  - ^71
  - ^72
  - ^73
  - ^74
  - ^75
  - ^76
  - ^77
  - ^78
  - ^79
  - ^80
  - ^81
  - ^82
  - ^83
- Fluid Layouts with CSS Flexbox
  - ^88
- Responsive Grid Layouts with CSS Grid
  - ^89
- Media Queries for Responsive Design
  - ^90
Web Accessibility
- Importance and Principles of Web Accessibility
  - ^91
- ARIA (Accessible Rich Internet Applications) Labels and Roles
  - ^92
- Accessibility Features in HTML5
  - ^93
SEO Basics with HTML
- HTML Tags and Attributes Important for SEO
  - ^94
  - ^95
- Meta Tags and SEO Best Practices
  - ^96
  - ^97
HTML Best Practices and Performance Optimization
- HTML Best Practices
  - ^98
  - ^99
  - ^100
  - ^101
  - ^102
  - ^103
  - ^104
  - https://github.com/codesandbox/codesandbox-client/issues/8610
  - ^105
  - ^106
  - ^107
HTML5 APIs and Advanced Features
- Overview of HTML5 APIs
  - ^108
  - ^109
  - ^110
  - ^111
  - ^112
  - ^113
  - ^114
  - ^115
  - ^116
  - ^117
  - ^118
  - ^120

Categories

Building Responsive Web Designs 20 HTML5 and Semantic Elements 19 Forms and User Input 12 HTML5 APIs and Advanced Features 12 CSS Integration with HTML 11 HTML Best Practices and Performance Optimization 11 Advanced HTML Features 10 Essential HTML Tags 7 ❣️ Support 6 Introduction to JavaScript with HTML 6 SEO Basics with HTML 4 Web Accessibility 3 Introduction to HTML 3 Basic Structure of an HTML Document 2

Sub Categories

Responsive Design Principles 17 Overview of HTML5 APIs 12 HTML Best Practices 11 SEO and Semantic HTML 9 Commonly Used Semantic Elements 5 Basics of Cascading Style Sheets (CSS) 4 Evolution and Future Trends in HTML5 and Semantic Elements 3 Text Inputs, Radio Buttons, Checkboxes 3 Types of CSS (Inline, Internal, External) 3 Flexbox and Grid Layouts 2 Practical Applications and Real-World Scenarios 2 Multimedia Integration Elements 2 DOM Manipulation 2 Meta Tags and SEO Best Practices 2 Advanced Form Features 2 HTML Tags and Attributes Important for SEO 2 Practical Examples and Exercises 2 Event Handling 2 Submit and Reset Buttons 2 Web Storage 2 Responsive Grid Layouts with CSS Grid 1 Fluid Layouts with CSS Flexbox 1 CSS Preprocessors 1 Displaying Images (`<img>`) 1 Structure of an HTML Form 1 Creating Tables (`<table>`, `<tr>`, `<td>`, `<th>`) 1 Paragraphs and Text Formatting (bold, italic, underline, more) 1 SVG (Scalable Vector Graphics) 1 Media Queries for Responsive Design 1 Canvas for Graphics 1 External JavaScript Files 1 Drag and Drop 1 Importance and Principles of Web Accessibility 1 Select Menus and Option Elements 1 Hyperlinks (`<a>`) 1 Accessibility Features in HTML5 1 Setting Up the Environment 1 Embedding JavaScript in HTML 1 What is HTML? 1 Iframes 1 Headings (`<h1>` to `<h6>`) 1 Data Attributes 1 Geolocation 1 Understanding DOCTYPE 1 Creating Lists 1 ARIA (Accessible Rich Internet Applications) Labels and Roles 1 Basics of Document Object Model (DOM) 1 Anatomy of an HTML Document 1 Form Validation Basics 1 CSS Frameworks 1 Line Breaks (`<br>`) and Horizontal Rules (`<hr>`) 1