1 / 6

Linking Your Web Pages Together

This guide explains how to link your web pages together using anchor tags in HTML. We'll name specific spots in `unit4.htm` using the `<a>` tag with the `name` attribute. Example sections include evaluations of web graphics, graphic file types, and web photo albums. You'll learn to create links in your `index.htm` file that point to these named spots, enhancing navigation and user experience on your site. Follow the instructions to successfully implement and test your links before grading.

tarmon
Download Presentation

Linking Your Web Pages Together

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Linking Your Web Pages Together

  2. Links… • To link the lines in index.htm to the correct spots in we must first give names to those “spots” in unit4.htm. • Use the anchor tag <a> with a name attribute: • <a name=“spot” /> • It’s a non-container tag…

  3. <h1>Unit 4: Web Graphics</h1> • <h2><a name="evaluation"/>Evaluation of Web Graphics</h2> • <p><a href="http://www.google.com">URL of website being evaluated</a></p> • <ol> • <li>Answer to question a</li> • <li>Answer to question b</li> • </ol> • <h2><a name="filetype"/>Graphic File Types</h2> • <p>Best file format for the five example images:</p> • <ol> • <li>answer 1</li> • <li>answer 2</li> • <li>answer 3</li> • <li>answer 4</li> • <li>answer 5</li> • </ol> • <h2><a name="album"/>Web Photo Album</h2> • <table border="8"> • The 3 spots we need to name are: • evaluation • filetype • album • These correspond to the <h2>’s in unit4.htm

  4. Links in index.htm • To link the lines in index.htm our “spots” we use the anchor tag <a> with a href attribute • <a href=“unit4.htm#spot”> • This time you must put a closing tag </a> after the text: <a href="unit4.htm#evaluation">Evaluation of web graphics</a>

  5. Add Links to index.htm <li><a href="unit4.htm">Unit Four: Graphics</a> <ul> <li><a href="unit4.htm#evaluation">Evaluation of web graphics</a></li> <li><a href="unit4.htm#filetype">GIF vs. JPEG</a></li> <li><a href="unit4.htm#album">Web photo album</a></li>

  6. Rest of Today • Add the names into your unit4.htm file and the links into your index.htm. • Test the links! I will grade these either today or after Thanksgiving. • Have your unit4 file open so I can grade your photo album.

More Related