Removing Link Underline In HTML
This article demonstrates how to create a link without an underline in HTML.
Introduction
This article demonstrates how to create a link without an underline in HTML. When designing your web pages, there may be a time when you want a link with no underline.
In order to create a link without underline, add the style="text-decoration " attribute to your link tag. Following is an example of a link displayed without the underline.
Example
<!DOCTYPE html>
<html>
<head>
<title>Non-Underlined Link</title>
</head>
<body>
<h1>Non-Underlined Link</h1>
<a href="https://dotnetheaven.com/category/html" style="text-decoration: none">HTML Tutorials</a><br/><br/>
<a href="https://dotnetheaven.com/category/sql" style="text-decoration:none">SQL Tutorials</a>
<br /><br/>
<h1> Underlined Links</h1>
<a href="http://www.google.com">Google
</body>
</html>
Output: