HTML5 and CSS3 Fundamentals

Discover how HTML5 basics establish a page with doctype, head, and body, and learn tags, attributes, nested structure, void tags, and UTF-8 encoding.

Learn text basics in html5, including doctype, html, head, and body, plus h1–h6, p, br, strong, and em to structure content for readability, accessibility, and search engines.

Explore how to use semantic HTML5 tags such as section, article, aside, and blockquote to group content, improve accessibility, and enhance search engine understanding.

Explore how to format page content with lists in HTML, covering ordered lists, unordered lists, and definition lists, including nesting, list item tags, and type attributes for numbering.

Resize images to web-friendly pixel dimensions, convert to browser-ready formats (jpeg, gif, png), and preview size and quality to balance file size and visual fidelity for faster page loads.

Create an HTML5 page with doctype, head, meta charset, and title. Structure content with headings, sections, asides, figures, lists, and images, then outline pages for brewing, grinding, and roasting.

Learn the basics of css to style web pages using inline styles, style tags, and external style sheets, understand text alignment and cascading rules across headings and paragraphs.

Explore font styles in HTML5 and CSS3 fundamentals by adjusting font sizes with relative and absolute units, and applying font-family with fallbacks for cross-platform consistency.

Learn how to apply color in css using named colors, hex codes (three- or six-digit), and rgb/rgba values, including alpha transparency, and understand how these formats work across browsers.

Discover how to customize lists with css using list-style-type and list-style-image for ordered and unordered lists, and apply symbols or images globally.

Learn to target elements with class and id selectors, apply styles via inline style attributes, style tags, or linked sheets, and group content with span and div for precise styling.

Set up and apply an external css stylesheet across pages, style headings in brown, customize lists with a coffee cup image, and load Google fonts for a unified look.

Explore anchor tag basics by implementing internal and external links with the ref attribute, control link behavior with the target attribute, and create mailto links with optional subjects.

Change link styles by targeting visited and hover states, remove underlines, and apply color changes to red for unvisited, green for visited, and blue on hover to enhance user cues.

Learn to build accessible navigation menus with a nav element and unordered list, style links as horizontal button-like items, and add hover effects for screen readers and search engines.

Learn how the CSS position property moves block elements with relative, absolute, and fixed values, using top, left, bottom, and right to position relative to a parent or the viewport.

Learn to build HTML5 tables using table, tr, and td; add captions and headings with th; group data with thead, tbody, and tfoot; and apply colspan and rowspan.

Apply borders to tables with the shorthand border property to reveal outlines, then adjust width, height, padding, and align text for th and td; style thead and tfoot backgrounds.

Set up a drinks page table with header cells and data cells, add an h1 and caption, then apply CSS borders, border-collapse, equal column widths, centered text, and padding.

Expand your forms with checkbox and radio inputs, a multi-line text area, and a dropdown menu with options. Set name and value attributes, group options, and test in the browser.

Set up streaming video on a web page with the video tag, specify width and height, enable controls or autoplay, use multiple sources (mp4, webm, ogg), a poster, and fallback.

Explore how HTML5 and CSS3 fundamentals come together to build a complete website, with cheat sheets, color resources, and browser compatibility tips to accelerate learning.