Count on HTML to create your page:
Part 2

Ready for more? Now that you have an understanding of basic HTML codes and possibly even created your own sample page, you can easily figure out how to use other codes. To experiment, try using some of the codes listed on the Commonly Used HTML Codes web page.

There are variations on some of the tags explained in the Part 1 of this article. In addition to bold tags, there are tags for underline and italic attributes. Also included are tags for various types of lists and using graphics and horizontal lines.

Taking a closer look at links

Link tags are also shown on the Commonly Used HTML Codes web page. You can become familiar with creating links from the Underlying codes for the sample page. Links that go to another web page are considered external links. An external link can bring the reader to another web site or to an HTML file that you have created. Internal links, however, do not take the reader to another web page or file, but rather to another point on the same page.

For example, you may have a long report on your page with headings that introduce each new topic. To make your document easy to browse, you can create a clickable table of contents at the top that lists all the headers. Then, when you click on a header, the browser goes to that particular part of the document.

The tags that make this happen are similar to the external link tags. Instead of a web address, however, you assign an anchor name to each header so the link tag knows where to link.

To begin, go to the first header within the document, enclose it in anchor tags, and assign it a name. For example, if the first header in your document is called Using FTP to access your account, and you wish to assign the name section1 to it, the coding would look like this:

<A NAME="section1">I. Using FTP to access your account</A>

Note that the name you assigned appears within quotation marks. Then to continue, go to the next header, enclose it in anchor tags, and assign a different name to it. The second header might look like this:

<A NAME="section2"> II. Uploading a File</A>

When you enclose a header in anchor tags, the text will not appear any differently on the web. The reader, however, will need to see links to the headers which you must now create. Once you have finished assigning anchor tags to all the headers, go back to the top of the document where you would like the clickable table of contents to appear and create the links.

If you have already typed each header name at the top of your document, you can just enclose each header name within the link tags. If you haven't typed them, type each header like the example of the first header shown below:

<A HREF="#section1"> I. Using FTP to access your account</A>

Note that the link tag references the anchor name you assigned to the first header with the number sign in front of it and within quotation marks. This will create a clickable link that will take the reader to the first section of your document. To continue, create the link for the next section by typing:

<A HREF="#section2">II. Uploading a File</A>

Enlarging your code collection

All of the codes discussed in this issue are standard web codes. Web standards, however, continue to evolve as new codes and versions of HTML de-velop and as browsers become more sophisticated.

HTML may be popular today, but there is already talk of XML (Extensible Markup Language), which may be the next generation web language. If you are interested in the future of web development, browse the World Wide Web Consortium's web page.

In the meantime, you can enhance your code vocabulary by studying the codes on pages that you like. To see the underlying codes of a page, simply go under the View menu in your web browser and select Document Source or Page Source. Once the text file opens, you can copy the coding into your document by highlighting the coding and, on the PC, pressing the CTRL key with the letter c. To paste the codes into your document, use the CTRL key and the letter v. On the Mac, use the Copy and Paste commands from the Edit menu.

It is not advisable, however, to heavily copy another person's page. Copyright laws are still a bit unclear when it comes to web design, but common courtesy is the web norm. If you would like to copy a distinctive element in someone's design, ask permission to use it. If you are influenced greatly by someone's page and wish to imitate the structure, first get permission to do so, and then acknowledge the person on your page.

You can also search the web for pages that offer a list of HTML codes.


1998. Temple University. All rights reserved.