A Web Development Crash Course in HTML5 and CSS3

Learn the foundations of HTML by building a page with doctype, html, head and body, using opening and closing tags for title, h1, and p; see how a browser renders.

Learn how HTML elements use start and end tags with content in between, follow lowercase tag names, and master nesting including empty and line break elements.

Learn to structure all six HTML heading levels (h1–h6), use them for content hierarchy, and see how headings and the head title influence page structure and SEO.

Explore how anchor tags power navigation by linking to external and internal pages, in-page targets, and scrollable content using href, target, and id attributes.

Learn to add images with the image element, using placeholders or local assets, and control size with width and height while preserving aspect ratio, alt attribute, and clickable links.

Explore unordered, ordered, and description lists in HTML. See how nesting and list-style-type shape bullets, numbers, and definitions for practical uses like menus and outlines.

Create and style HTML tables to display data efficiently using tr, td, and th elements. Use colspan, rowspan, borders, and a caption, while avoiding tables for page layout.

This lecture covers 10 formatting elements that shape page text, including bold with b or strong, italics with i, mark, del, ins, sub, and super tags; learn their usage.

Explore essential HTML5 input attributes for forms, including value, read-only, disabled, size, max length, autocomplete, no validate, autofocus, and form associations, plus placeholders and validation patterns.

Learn to control element dimensions with min-width, max-width, min-height, and max-height, plus percentage sizing and overflow options visible, hidden, and scroll.

Explore how top, bottom, left, and right position elements using static, relative, fixed, and absolute positioning, and see how each mode affects document flow and the viewport.

Learn CSS combinators by using descendant selectors to color all paragraphs inside the outer div red, and use tilde and plus and adjacent selectors for blue and precise targeting.

Explore css pseudo-classes, including hover and first-child, and apply them to image gallery thumbnails and other elements for real-world styling. Learn the not selector and the nth-element for alternating styles.

Learn to embed a web page with iframes, set src, width, height, and border, and use iframe targets to load links, display YouTube videos, and integrate third-party content.