CSS styles: a {text-decoration: none}
Why?
Many hypertext designers prefer the cleaner look of links which are not underlined. This effect is particularly useful if you don't want to indicate which words are in fact links (as in Patchwork Girl), though you'll also need to make your link text the same color as your normal text (and don't forget those "followed links"—more on this later)
To remove the underlining from your links, you need to add a "style" to your HTML document. Styles can be defined within the HTML document itself, or "attached" as an "external style sheet." Such external style sheets are called "cascading style sheets", or CSS, and they allow an entire site to retain a consistent style. This class site, for example, uses an external style sheet.
How?
The simplest way to remove link underlining is to define a style in the document itself. This can be done using an HTML editor such as Dreamweaver (installed on the class computers), or by directly editing the HTML code in a text editor such as NotePad.
In Dreamweaver, open the CSS Styles palette. Click on the plus sign at the bottom of the CSS Style window to add a new style.
1) In the New Style box, select the "Redefine HTML tag" button. Then select the "a" tag from the pulldown menu. Finally, select the "Define in this document only" button. Click "OK"
2) A Style Definition panel will appear. The only item you need to change is "Text Decoration." Check the box labeled "none" and click "Apply." You links should now be undecorated (plain).
Or
If you look at the code view in Dreamweaver, you'll see the code needed to create this effect:
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
This can be simplified to
<style type="text/css">
a { text-decoration: none}
</style>
If you're writing your HTML page in a text editor, the above code can be inserted between the <head> and </head> tags of the HTML document:
<head>
<title>Undecorated Links</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a { text-decoration: none}
</style>
</head>