HTML Tips for Students and HTML FAQs

ProfessorBob Jensen at Trinity University

Table of Contents


Links to Documents, Images, and Names in a Document

How to Link to Internal Parts of a Document

How to Link to Other Documents

How to Link to a Picture File at an External Site

How to Link an External Picture File Not in Your Web Server

Alignments of Text and Pictures on a Page

Use of BLOCKQUOTE or DL, DT, and DD Tags

Use of Tables

Use of Frames

Frequently Asked Questions (FAQs)

Return to the Table of Contents of this document

Navigate to an Analysis of HTML and HotMetal Pro Advantages and Disadvantages

Return to the Index of Bob Jensen's Public WWW Documents

Links to Documents , Images, and Names in a Documents

Return to Table of Contents

How to Link to Internal Parts of a Document

Return to Table of Contents

All targets for navigation in a given document must be give a NAME tag. To do this using HotMetal, click on the menu option (Markup, Name Target) or click on the equivalet icon (with a bent arrow pointing right) in a toolbar. No two targets should have identical names. You should also avoid symbols other than letters of numbers when naming targets. For example, assign the word :How" rather than "How?" containing a question mark. Then select everywhere in the document that you want to provide a link option for the named target. At each selection, click on the menu option (Markup, Connect Link) or click on the equivalet icon (with a bent arrow pointing left) in a toolbar. You may also connect a word or phrase to a target in another document provided that target has been named. If you used paths to files on your computer as links while you were authoring, it is possible to easily convert those to http links when you are finished. Simply click on (Tools, Publish) and change the links. See the HTML FAQs to learn how to link to the internal parts of one frame using navigation controls in another frame.

How to Link to Other Documents

Return to Table of Contents

To link to other documents you select a word or phrase and then you can use the menu option (Markup, Insert Anchor) or you can simply click on the Anchor icon in the tool bars. A sample is shown below:

Note that these settings in the above dialog box will link the highlighted phrase to http://www.trinity.edu/~rjensen URL.

You may edit the URL by selecting the highlighted phrase once again and choosing the menu option (Markup, Edit URL). Alternately, you change the link by selecting the phrase and clicking on the right mouse button to choose (Element Attributes).

To link to other documents that are visible on your Netscape screen, select the entire URL and choose (Edit, Copy) in Netscape or hit the Ctrl c keys. Then go to HotMetal Pro and select the phrase that you want to use as the linking phrase. Click on the anchor icon click inside the path field and hit the Ctrl v keys to paste in the entire link. Alternately, you may enter a blank link in an anchor tag and click on the right mouse button and choose Element Attributes). Then hit the Ctrl v keys to paste the entire link.

Note that the URL in the above dialog box need not be typed. If it is on your clip board from a Netscape session, you may simply click inside the red box and hit the (Ctrl, v) keys to paste the URL in the red box.

You may edit the URL by selecting the highlighted phrase once again and choosing the menu option (Markup, Edit URL). Alternately, you change the link by selecting the phrase and clicking on the right mouse button to choose (Element Attributes).

How to Link to a Picture File at an External Site

Return to Table of Contents

First that picture must be in your web server. To link to that picture, go to the site where the picture is showing and select the entire URL of that web site. In the Netscape Navigator menu bar, choose (Edit, Copy). For example, you may have copied the URL http://WWW.Trinity.Edu:80/Pictures/Campus/BL.41.clab.jpeg in Netscape. Choose where you want the picture to show, usually in a new paragraph or header. Click on the image icon (the one with the mountain and sun) and leave the dialog box empty. Simply click on OK. The place the right mouse button on the IMG tag and choose (Element Attributes)

.

How to Link an External Picture File Not in Your Web Server

Return to Table of Contents

In Netscape Navigator, go to the URL that contains the picture you want. For example, you may go to the set of Trinity University pictures by going to http://WWW.Trinity.Edu:80/campus_tour/ . To link to a picture, go to the site where the picture is showing and select the entire URL of that web site. In the Netscape Navigator menu bar, choose (Edit, Copy) or hit the Ctrl c keys. For example, you may have copied the URL http://WWW.Trinity.Edu:80/Pictures/Campus/BL.41.clab.jpeg in Netscape. Choose where you want the picture to show, usually in a new paragraph or header. Click on the image icon (the one with the mountain and sun) , choose URL, and use the Ctrl v keys to paste the entire URL into the "path" componenty. Alternately, pass the mouse over the top of the <IMG> tag, click on the right mouse button on the IMG tag and choose (Element Attributes). Then use (Ctrl v) to paste the URL.

.

How to Link to a File Not Yet in the Web Server

Return to Table of Contents

In Netscape Navigator and in HotMetal Pro, it is possible to link to document and picture files that have not yet benn transferred to web server. Using linking procedures outlined above, simply link to a file on a path (e.g., c:\webjen\images\photo01.jpg). In the case of an image link, this will allow the picture to be viewed while you still in Hotmetal Pro. However, for the public to be able to view a linked document or picture file, that file must eventually be transferred to the web server. Then the links must be changed from internal paths to complete URLs or relative links. A relative link is simply the name of a file in a server (e.g., photo91.jpg). Relative links have no URL addresses or local computer paths. Use of relative links is advised for files in the author's server space, because those links will continue to work whenever the author chooses to operate out of another server.

.

Alignments of Text and Pictures on a Page

Use of BLOCKQUOTE or DL, DT, and DD Tags

Return to Table of Contents

By Clicking on (Markup, Insert Elements) and choosing "Block Quotation" it is possible to indent a paragraph on the right and left of previous typing margins. BLOCKQUOTE tags can be embedded for further indentations. Outline type indentation can also be achieved using Definition List (DL), Definition Term (DT), and Definition Description (DD) tags.

Use of Tables

Return to Table of Contents

A table can be inserted using the (Tools, Insert Table) menu option. Pictures and text can be conveniently spaced upon the page by placing them as desired in table cells. For details click on (Help, How-to Index) and choose "Using Tables for Page Layout".

Use of Scrollable Frames

Return to Table of Contents

A frame can be inserted using the (Tools, Convert to Frames) menu option. Pictures and text can be conveniently spaced scrollable frames by placing them as desired in table cells. In HotMetal Pro, a frame can be created using the (Tools, Convert to Frames) menu options. Then you must use (Tools, Frame Editor) option. For details click on (Help, How-to Index) and choose "Creating Frames". One of the major uses of frames is to add navigation controls that remain fixed in one frame while the images in other frames change do to scrolling or changing of file loads.

Return to the Table of Contents of this document

Navigate to an Analysis of HTML and HotMetal Pro Advantages and Disadvantages

Return to the Index of Bob Jensen's Public WWW Documents