HTML Basics

Lesson 4: Links

Target Links

Target links

Now, for putting links from one part of your page to another part of the same page: these kinds of links are called "target" links. With target links, you can "jump" from one part of your page to another part of the same page without having to scroll through the page to search for a particular item on the page.

Many "faq" type pages, or pages that have several sections to them, use this device. First the page lists (not necessarily using any listing tags) various sections on it, then the sections are discussed in the order they are listed. Supposing instead of scrolling through the entire list, you only want info on one particular item in the list.

Suppose you have an "faq" list for writing HTML code for text: bold, italic, strikethrough, underlined, default text. At the top of the page you might have something like this:

<center>FAQ: How to create HTML tags for text</center>

<ul>
<li>HTML tag for Default text
<li>HTML tag for Bold text
<li>HTML tag for Italic text
<li>HTML tag for Underlined text
<li>HTML tag for Strikethrough text
</ul>

For each section defined above, you have the following descriptions:

HTML for default text: If you just want regular text (provided you specify the font type, size, color, or just want to use the default text face, which is "Times New Roman"), do nothing; that is, you need no extra tags.

HTML for Bold text: If you want to make your text in bold type, use the tag <b> to open the bold print and </b> to enclose the bold print.

HTML for Italic text: If you want to make your text in italic type, use the tag <i> to open the italic print and </i> to enclose the italic print.

HTML for Underlined text: If you want to underline your text, use the tag <u> to open the underlined print and </u> to enclose the underlined print.

HTML for Strikethrough text: If you want to strike through your text, use the tag <strike> to open the strikethrough print and </strike> to enclose the strikethrough print.

Now suppose the visitor wants to check out the code for putting in strike through only. To "jump" from one part of the page to another part, use the <a name> tag along with the usual <a href> tag.

It works like this:

<center>FAQ: How to create HTML tags for text</center>

HTML tag for Default text
HTML tag for Bold text
HTML tag for Italic text
HTML tag for Underlined text
<a href="#strikethrough">HTML tag for Strikethrough text</a>

Remember you must use a "#" right before the name of the part of the page you are jumping to.

Then you will list the descriptions. Remember you are targeting the "strike through" tag:

HTML for default text:
If you just want regular text (provided you specify the font type, size, color, or just want to use the default text face, which is "Times New Roman"), do nothing; that is, you need no extra tags.

HTML for Bold text:
If you want to make your text in bold type, use the tag <b> to open the bold print and </b> to enclose the bold print.

HTML for Italic text:
If you want to make your text in italic type, use the tag <i> to open the italic print and </i> to enclose the italic print.

HTML for Underlined text:
If you want to underline your text, use the tag <u> to open the underlined print and </u> to enclose the underlined print.

<a name="strikethrough"></a>HTML for Strikethrough text:
If you want to strike through your text, use the tag <strike> to open the strikethrough print and </strike> to enclose the strikethrough print.

In actuality what the visitor will see is this (try it and see!):

HTML tag for Default text
HTML tag for Bold text
HTML tag for Italic text
HTML tag for Underlined text
HTML tag for Strikethrough text

Then you will list the descriptions. Remember you are targeting the "strike through" tag:

HTML for default text:
If you just want regular text (provided you specify the font type, size, color, or just want to use the default text face, which is "Times New Roman"), do nothing; that is, you need no extra tags.

HTML for Bold text:
If you want to make your text in bold type, use the tag <b> to open the bold print and </b> to enclose the bold print.

HTML for Italic text:
If you want to make your text in italic type, use the tag <i> to open the italic print and </i> to enclose the italic print.

HTML for Underlined text:
If you want to underline your text, use the tag <u> to open the underlined print and </u> to enclose the underlined print.

HTML for Strikethrough text:
If you want to strike through your text, use the tag <strike> to open the strikethrough print and </strike> to enclose the strikethrough print.

Remember that you will want to put target links for all of your items (I only used one target link to show how it is done). Remember that <a href> tag goes before the item in your faq list (the list near the top of the page) that will link to the proper item farther down the page, while the <a name> tag will go before the item that is "jumped" to, or targeted.

  1  2  3  4