Lab Assignment 2: Three Web Pages With Hyperlinks Due Week 2
Lab Assignment 2: Three Web Pages with Hyperlinks Due Week 2 and Wor
Create three (3) Web pages: index.htm, tips.htm, and glossary.htm. Open and close all tags appropriately using the correct tags. Display your name in the title bar of the browser, declare the DOCTYPE for HTML5, and create a comment listing the lab number, the author, and the date. Create links on each page that link to the other two (2) pages. Create navigation links on each page that link to the other two (2) pages.
On the home page, create an image linked to Create alternate text for the image link that says “Strayer University.” On the glossary.htm page, create a definition list of at least five (5) terms and their definitions. In the definition list, create bold tags for the terms only (not the definition). Display the special characters “” somewhere in the term definitions. On the glossary.htm page, create at least two (2) links to areas on the same page.
Paper For Above instruction
Lab Assignment 2: Three Web Pages with Hyperlinks Due Week 2 and Wor
This assignment requires creating three interconnected web pages: index.htm, tips.htm, and glossary.htm. Each page must be properly coded with correct HTML structure, including proper opening and closing tags, a DOCTYPE declaration for HTML5, and a descriptive title that displays in the browser tab. The pages should include navigational links to each other, enabling seamless navigation among them.
The home page (index.htm) must feature a linked image with alternate text “Strayer University.” The image must be appropriately linked to itself or another relevant resource, and include descriptive alternate text for accessibility.
The glossary.htm page must contain a definition list of at least five terms, with each term bolded using tags. The definitions should include at least two instances of the special characters < and > somewhere within the content. Additionally, the page should feature at least two internal links that navigate to specific sections within the same page, demonstrating anchor linking.
All three pages must be submitted together as a compressed ZIP file named according to the format: Lab_[lab number]_LastName_FirstInitial.zip. For example, for Mary Smith, the ZIP filename would be: Lab_2_Smith_M.zip. The ZIP archive must include all related files needed to run the project, such as images or text files.
Furthermore, responses for any written questions from the assignment brief must be entered into the course shell separately. In completing this project, all code must be written from scratch, demonstrating understanding of HTML structure, linking, and content organization. Use semantic HTML elements to improve accessibility and SEO, ensuring all tags are properly nested and closed.
Paper For Above instruction
The development of multiple web pages with interconnected hyperlinks is a fundamental aspect of creating a navigable website. Designing a set of three web pages — index.htm, tips.htm, and glossary.htm — provides students with practical experience in HTML coding, link creation, and content organization. Each page must adhere to HTML5 standards, utilize proper semantic tags, and demonstrate attention to detail in both structure and accessibility.
The main page, index.htm, functions as the homepage, providing a welcoming introduction and guiding users to relevant sections of the site. It includes a linked image—styled with descriptive alt text—to serve as a visual anchor and hyperlink. Proper implementation of hyperlink tags () enables users to navigate to tips.htm and glossary.htm seamlessly.
The tips.htm page aims to provide helpful information or tips relevant to the site’s theme. It also contains navigation links to the other two pages, maintaining consistent access points for ease of navigation. Structuring in a manner that is both user-friendly and semantically correct ensures that the page is both accessible and search-engine friendly.
The glossary.htm page is designed to define key terms clearly using a definition list (
- ). Each term is emphasized with a tag, enhancing readability. Including special characters like < and > within definitions adds a layer of technical detail, demonstrating understanding of character encoding. Internal links to specific sections within the page (using anchor tags ) illustrate advanced navigation techniques.
Effective project execution involves organizing all files—HTML pages, images, CSS, and other assets—in a well-structured directory. Compressing these into a ZIP archive named according to the specified format facilitates submission and review. Ensuring that all links work correctly and that the pages display properly in browsers confirms the success of the project.
Overall, this exercise consolidates core HTML skills and introduces best practices in web design and navigation. By implementing these features, students develop a foundational understanding of creating interactive, accessible, and well-organized websites.