Hyper Link Indexes within the HTML Document

Q

How To Build Hyper Link Indexes within the Same Document?

✍: FYIcenter.com

A

If you want build some hyper link indexes within the same document, you need use "a" elements to define some bookmarks, then use "a" elements to define hyper links that pointing to those bookmarks.

The tutorial example below shows you how to create 3 hyper links at the beginning of the document to serve as table of contents. Those hyper links are pointing to 3 bookmarks that defined later in the document.

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Bookmark Elements</title>
 </head>
 <body>
  <p>
  <a href="/#101">What is XHTML?</a><br/>
  <a href="/#201">Where can I download XHTML?</a><br/>
  <a href="/#301">How to install XHTML?</a><br/>
  </p>

  <h3>XHTML FAQ by FYIcenter.com</h3>

  <h4><a name="101">Question 101</a> 
   - What is XHTML?</h4>
  <p>XML + HTML.</p>

  <h4><a name="201">Question 201</a>
   - Where can I download XHTML 1.0?</h4>
  <p>Nowhere.</p>

  <h4><a name="301">Question 301</a>
   - How to install XHTML 1.0?</h4>
  <p>Nobody knows.</p>
 </body>
</html>

If you save the above document as toc.html, and view it with Internet Explorer, you will see three hyper links. To see how the browser moves to the bookmark when you click a hyper link, you need to resize the browser to a smaller window as shown below:

⇒ Hyper Link Points to an Image

⇐ Default File Name of a URL

⇑ HTML Hyper Links and URLs

⇑⇑ HTML Tutorials

2017-07-03, ∼2040🔥, 0💬

Structure of a URL
What Is the Structure of a URL? The structure of a URL is defined by the URL specification, see http://www.ietf.org/rfc/rfc239 6.txt. Generally, a URL consists of 7 parts: Protocol Name - Identifies the communication protocol through which this resource is made available, like "http://" or "ftp://".... 2017-07-07, ∼2504🔥, 0💬

Relative Path Name of a URL
What Is a Relative Path Name? A relative path name is a path name that starts without the leading slash "/". If a relative path name is used in a URL, the relative path name will be replaced with the current document path name appended with the specified relative path name. If "." or ".." is used in... 2017-07-07, ∼2412🔥, 0💬

URL Starts with Path or File name
What Happens If a URL Starts with Path or File name? If a URL starts with a path name, the browser will borrow the protocol name, the host name, and the port number from the URL of the current document to make up the missing parts. For example, if the following URL is used in this document you are v... 2017-07-07, ∼2225🔥, 0💬

Hyper Link Points to a Music File
What Happens If a Hyper Link Points to a Music File? If you want to build a hyper link to allow visitors to access a music/sound file by clicking a hyper link, you can put the URL of the music/sound file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser wi... 2017-07-03, ∼2161🔥, 0💬

Default Protocol and Port Number of a URL
What Happens If Protocol or Port Number Is Missing in a URL? From a syntax point of view, all URL parts are optional. If some parts are not included in a URL, the browser and the hosting computer will provide default values. Here are some rules about the protocol name, host name, and port number: 1.... 2017-07-07, ∼2145🔥, 0💬

Hyper Link Points to a PDF File
What Happens If a Hyper Link Points to a PDF File? If you want to build a hyper link to allow visitors to access a PDF file by clicking a hyper link, you can put the URL of the PDF file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF f... 2017-07-03, ∼2057🔥, 0💬

Hyper Link Points to a ZIP File
What Happens If a Hyper Link Points to a ZIP File? If you want to build a hyper link to allow visitors to access a ZIP file by clicking a hyper link, you can put the URL of the ZIP file directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch the PDF f... 2017-07-03, ∼2047🔥, 0💬

Hyper Link Indexes within the HTML Document
How To Build Hyper Link Indexes within the Same Document? If you want build some hyper link indexes within the same document, you need use "a" elements to define some bookmarks, then use "a" elements to define hyper links that pointing to those bookmarks. The tutorial example below shows you how to ... 2017-07-03, ∼2041🔥, 0💬

Hyper Link Points to an Image
What Happens If a Hyper Link Points to an Image? If you want to build a hyper link to allow visitors to see an image by clicking a hyper link, you can put the URL of the image directly in the "href" attribute of the hyper link. If a visitor clicks the link, the browser will fetch and display the ima... 2017-07-03, ∼2017🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.