Mastering HTML5 and CSS3 (Part 2 - Intermediate Level)

Learn to build and style HTML tables with th and td inside tr, include captions, and group header with thead, tbody, tfoot, applying borders, backgrounds, zebra stripes, and hover effects.

Embed web pages with iframes in HTML by setting src, title, and size with CSS, including width, height, and borders. Explore sandbox options and why some sites block embedding.

Discover how to create image maps by defining a map with clickable areas in HTML, using img with usemap, and detailing shapes, coordinates, hrefs, and alternatives.

Learn to change fonts on web pages using web safe fonts with fallbacks, and embed custom fonts via font-face, organizing files in assets/fonts and applying font-family with quotes.

Learn to use semantic elements like header, main, aside, and footer to add meaning to HTML, replacing divs. See how CSS selectors target these tags and how renaming affects styling.

Use semantic elements like nav and figure to structure the page, place a header menu, add figcaption with images, and improve accessibility and search engine understanding.

Explore the head element of an html document, including title, style, meta, link, script, and base. Learn how metadata, styles, and links support search engine optimization and proper rendering.

Define the title element in the head of an HTML5 document and see how its text appears in the browser, and distinguish it from the title attribute.

Explore the meta element in the head, including charset, name, content, and http-equiv attributes. Learn how meta tags define keywords, descriptions, viewport, and refresh for search engine optimization and display.

Continue your HTML5 and CSS3 journey by exploring advanced topics, including working with forms, designing beautiful forms, and adding multimedia with audio and video.