Learn how the picture tag in HTML works for art direction, WebP with JPEG fallbacks, responsive images using media queries, and more with examples.

Learn how to use srcset and sizes attributes for responsive images in HTML. Covers width descriptors, pixel density, device pixel ratio and more.

Learn how to write effective alt text for images in HTML, boost image SEO with the alt attribute, handle decorative images, and build inclusive web experiences.

Learn images in HTML5 from the basic to advanced: the img tag, key attributes, image optimization for web, layout shift prevention, and displaying images perfectly.

Build navigation menus in HTML using the semantic nav tag, breadcrumb navigation, mobile hamburger menus, and ARIA attributes for accessibility.

Learn how fragment identifiers in HTML work to create jump links, smooth scroll navigation, tables of contents, skip links, and improving user navigation experience.

Learn how to use link attributes in HTML like using target=”_blank”, rel=”noopener noreferrer”, nofollow, sponsored, and HTML download attribute.

Learn how to create hyperlinks in HTML using anchor tags. Learn absolute URLs, relative URLs, mailto links for email, tel links for phone calls, and much more.

Learn how to use the HTML sub and sup tags for subscripts and superscripts. Write chemical formulas, math exponents, ordinal numbers, and footnotes with HTML.

Learn how to display code on your webpage using HTML code tags. Master the code, pre, kbd, and samp elements with examples and visual demos.