HTML Course 1. Introduction to the Web and HTML
HTML Course 1.1 What is the Internet and the World Wide Web?
HTML Course 1.2 How a website works (client, server, HTTP)
HTML Course 1.3 What HTML is and what it is used for
HTML Course 1.4 Differences between HTML, CSS and JavaScript
HTML Course 1.5 Evolution and versions of HTML (HTML4, XHTML, HTML5)
HTML Course 2. Setting up the working environment
HTML Course 2.1 Modern browsers and developer tools
HTML Course 2.2 Editors and IDEs recommended for HTML
HTML Course 2.3 Useful extensions for web development
HTML Course 2.4 Basic structure of a web project (folders and files)
HTML Course 3. Basic structure of an HTML document
HTML Course 3.1 The declaration and compatibility
HTML Course 3.2 html, head and body tags
HTML Course 3.3 Metadata: charset, viewport, title, meta
HTML Course 3.4 Comments in HTML
HTML Course 3.5 Anatomy of an HTML element (tags, attributes, content)
HTML Course 4. Text and basic content
HTML Course 4.1 Paragraphs (p) and line breaks (br)
HTML Course 4.2 Headings (h1 to h6) and content hierarchy
HTML Course 4.3 Emphasis and highlighting (strong, em, b, i)
HTML Course 4.4 Quotes, code and other inline elements (q, blockquote, code, pre, mark)
HTML Course 4.5 Character entities (special symbols, spaces, etc.)
HTML Course 5. Links and navigation
HTML Course 5.1 The a tag and href attribute
HTML Course 5.2 Internal and external links
HTML Course 5.3 Links to email, phone and other protocols
HTML Course 5.4 target and rel attributes and security best practices
HTML Course 5.5 Creating simple navigation menus
HTML Course 6. Images and basic multimedia
HTML Course 6.1 The img tag: src, alt, title and dimensions
HTML Course 6.2 Absolute and relative paths and asset organization
HTML Course 6.3 Figures and captions (figure, figcaption)
HTML Course 6.4 Embedding audio and video (audio, video)
HTML Course 6.5 controls, autoplay, loop, muted and poster attributes
HTML Course 7. Lists and tables
HTML Course 7.1 Unordered lists (ul) and li elements
HTML Course 7.2 Ordered lists (ol) and numbering types
HTML Course 7.3 Definition lists (dl, dt, dd)
HTML Course 7.4 Basic tables (table, tr, td, th)
HTML Course 7.5 Advanced table structure (caption, thead, tbody, tfoot)
HTML Course 7.6 Basic accessibility in tables (scope, headers)
HTML Course 8.1 Introduction to the form tag and the action and method attributes
HTML Course 8.2 Text fields (input type=’text’ and type=’password’)
HTML Course 8.3 label tags and the for attribute
HTML Course 8.4 Submit and reset buttons (button, input type=’submit’)
HTML Course 8.5 Textarea and user comments
HTML Course 9. HTML5 forms and advanced controls
HTML Course 9.1 New input types (email, url, number, tel, search, etc.)
HTML Course 9.2 select, option and optgroup (dropdown lists)
HTML Course 9.3 Checkboxes and radio buttons
HTML Course 9.4 Date and time inputs (date, time, datetime-local, month, week)
HTML Course 9.5 Range, color and other controls (range, color, file)
HTML Course 9.6 placeholder, required, pattern and other validation helpers
HTML Course 9.7 Native browser validation (novalidate, validation attributes)
HTML Course 10. Semantic HTML5
HTML Course 10.1 Difference between div and semantic elements
HTML Course 10.2 Semantic structure of a page (header, nav, main, footer)
HTML Course 10.3 Main content and sections (section, article, aside)
HTML Course 10.4 Semantic text elements (time, address, small, etc.)
HTML Course 10.5 Semantic landmarks and their importance for accessibility
HTML Course 10.6 Microdata and global attributes (lang, dir, title)
HTML Course 11. Web accessibility (a11y) applied to HTML
HTML Course 11.1 Basic accessibility principles
HTML Course 11.2 Correct use of the alt attribute on images
HTML Course 11.3 Accessible forms (label, fieldset, legend)
HTML Course 11.4 Keyboard navigation and tab order (tabindex)
HTML Course 11.5 Introduction to ARIA (roles, aria-label, aria-labelledby, aria-describedby)
HTML Course 11.6 Accessibility best practices in links and buttons
HTML Course 12. Responsive images and multimedia
HTML Course 12.1 The concept of responsive design from HTML
HTML Course 12.2 The srcset and sizes attributes on images
HTML Course 12.3 The picture element for adaptive images
HTML Course 12.4 Modern image formats (WebP, AVIF, etc. at a conceptual level)
HTML Course 12.5 Subtitles and tracks in video (track: subtitles, captions)
HTML Course 12.6 Performance best practices with images and multimedia
HTML Course 13. Integrating HTML with CSS (from the HTML point of view)
HTML Course 13.1 Linking style sheets (link rel=’stylesheet’)
HTML Course 13.2 id and class attributes: purpose and correct use
HTML Course 13.3 HTML prepared for responsive design (containers, wrappers, grids)
HTML Course 13.4 Avoiding inline styles and separating content from presentation
HTML Course 13.5 Semantic use of classes instead of generic names
HTML Course 14. Integrating HTML with JavaScript (basic level)
HTML Course 14.1 Inserting scripts (script in head and body)
HTML Course 14.2 defer and async attributes: concept and basic use
HTML Course 14.3 Data attributes (data-*) to connect HTML and JS
HTML Course 14.4 Inline vs external event handlers
HTML Course 14.5 Best practices to keep HTML clean and decoupled
HTML Course 15. On-page SEO with HTML
HTML Course 15.1 Page title (title) and meta description
HTML Course 15.2 Correct use of headings for content hierarchy (h1–h6)
HTML Course 15.3 Metadata for SEO: meta robots, canonical (conceptual)
HTML Course 15.4 Tags for social networks (Open Graph, Twitter Cards)
HTML Course 15.5 Breadcrumbs and internal link structure
HTML Course 15.6 Microformats and structured data (overview)
HTML Course 16. Organization and scalability of HTML in real projects
HTML Course 16.1 Naming conventions for classes and IDs
HTML Course 16.2 Structuring HTML files in multi-page sites
HTML Course 16.3 Reusable HTML templates (partials, includes – concept)
HTML Course 16.4 HTML in template and framework environments (Blade, JSX, etc. at a high level)
HTML Course 16.5 Components and atomic design from the perspective of HTML
HTML Course 17. Standards, validation and code quality
HTML Course 17.1 W3C standards and HTML specifications
HTML Course 17.2 Using the HTML validator (W3C Validator)
HTML Course 17.3 Common markup errors and how to avoid them
HTML Course 17.4 Readable HTML: indentation, comments and organization
HTML Course 17.5 Best practices for working in a team (reviews, style guides)
HTML Course 18. Performance and optimization from HTML
HTML Course 18.1 Resource loading order (CSS, JS, fonts)
HTML Course 18.2 Minimizing unnecessary requests from the markup
HTML Course 18.3 Efficient use of iframes, embeds and external resources
HTML Course 18.4 Preload, prefetch and other hints (overview)
HTML Course 18.5 Performance checklist related to HTML
HTML Course 19. Final integrative project in professional HTML
HTML Course 19.1 Design of the semantic structure of a complete site
HTML Course 19.2 Layout of a modern and accessible landing page
HTML Course 19.3 Creation of a multi-page site with full navigation
HTML Course 19.4 Advanced forms with HTML5 validation and accessibility
HTML Course 19.5 Image optimization, basic SEO and performance
HTML Course 19.6 Publishing the project on the web (GitHub Pages, static hosting, etc.)