Removing Link Underline In HTML

This article demonstrates how to create a link without an underline in HTML.
  • 3794

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:

Non-Underlined Link.jpg


 
© 2020 DotNetHeaven. All rights reserved.