How to Create a Hyperlink Text Without an Underline Tutorial

Depending on your Web page's design, you might want to remove the underlines under the hyperlinks on the page to, for example, improve the readability of the text. While the standard version of the hypertext markup language (HTML) does not allow Web designers to edit how a Web browser displays links, it is possible to insert cascading style sheets (CSSs) codes into your HTML files to remove underlines from your hyperlinks. You can do so by adding a CSS style attribute to your hyperlinks.

Instructions

1. Open the HTML editor you normally use to edit your pages. If you don't have an HTML editor, you can launch Notepad, the Windows text editor.

2. Open the Web page which contains the hyperlink from which you want to remove the underline.

3. Locate the HTML code of that hyperlink in your Web page's code. A hyperlink code always starts with "<A HREF".

4. Place the following CSS code into the HTML code of the opening tag of your hyperlink:

   style="text-decoration:none"

   For example, if your normal hyperlink is "<A HREF="http://www.example.com"> Example link</A>", change it to "<A HREF="http://www.example.com" style="text-decoration:none"> Example link</A>".

5. Save your new HTML file and upload it to your Web server by using your Web hosting company's file manager tool or a file transfer protocol (FTP) client.

References

• Page Resource: Links - No Underline