A reading that explains how multi-page websites are organized, how individual HTML pages are structured, and how they interconnect, providing learners with the foundational concepts they need before building their own sites.
Topics
This module covers 7 topics. Open a topic to see its subtopics.
Module Content
16 items.
-
-
A reading covering semantic HTML elements — what they are, why choosing meaningful tags matters for browsers, search engines, and assistive technologies, and how learners should apply them when structuring web page content.
-
A reading explaining how to embed images in HTML using the img element, covering correct syntax, file paths, alt text for accessibility, and best practices for displaying images responsibly on a web page.
-
A reading explaining how hyperlinks work in HTML, covering the anchor element, href attribute, absolute versus relative URLs, and how links connect pages and resources across the web.
-
A reading focused on building internal navigation within a multi-page site, covering how to use relative file paths and anchor elements to link between an author's own pages and sections.
-
A reading covering external linking in HTML, including how to write correct URLs, when and how to open links in a new tab, and security considerations such as the rel='noopener noreferrer' attribute.
-
A reading that synthesizes all prior module skills — semantic markup, image embedding, and linking — into a guided walkthrough of planning and building a complete, coherent multi-page website from scratch.
-
A reading that synthesizes all prior module skills — semantic markup, image embedding, and linking — into a guided walkthrough of planning and building a complete, coherent multi-page website from scratch.
-
A reading that explains how a multi-page website is organized as a set of connected HTML documents in a structured folder, covering the purpose of separate home, about, and contact pages and consistent navigation, which learners use to plan their own site's page and folder layout.
-
A lesson on semantic HTML that contrasts meaningful elements such as header, nav, main, section, article, and footer with generic divs, used by learners to mark up pages in a way that communicates structure and improves accessibility.
-
An instructional page on the self-closing img element and its src, alt, width, and height attributes, showing learners how to embed and describe images correctly within their web pages.
-
A reading on the anchor element and its href attribute, distinguishing absolute URLs for external sites from relative file paths for internal pages, which learners apply when turning separate HTML files into a linked website.
-
A topic covering internal navigation and relative file paths, showing how to build link systems that let visitors move between home, about, gallery, and contact pages, used by learners to connect their site's pages reliably.
-
A lesson on linking outward to other sites using absolute URLs with scheme, domain, and path, including best practices for referencing external web resources from within your own pages.
-
A culminating topic that asks learners to combine semantic markup, images, and links into one working multi-page site, addressing page planning, consistent file and folder naming, and repeated navigation across pages.
-
A consolidated module document compiling all topic readings on multi-page structure, semantic markup, images, hyperlinks, internal and external navigation, and the final website build, usable as a single reference or review resource for the module.