Count on HTML to create your page:
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
Used HTML Codes web page.
There are variations on
some of the tags explained in the
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
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:
I. Using FTP to access your account</A>
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
HREF="#section2">II. Uploading 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.
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
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
You can also search the web for pages that offer a list of
© 1998. Temple University. All rights reserved.