Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

How to remove underline from a link in HTML?

HTML Web Development Front End Technology

We use inline style attribute with the CSS property text-decoration to remove underline from a specified link in HTML.

Syntax

Following is the syntax to remove underline from a link in HTML.

<a style="text-decoration: none" href=link>HTML tutorial</a>

Example

Following is the example program to remove underline from a link in HTML.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <h3>HTML-HyperText Markup Language </h3>
   <a style="text-decoration: none" href="https://www.youtube.com/watch?v=qz0aGYrrlhU ">HTML tutorial</a>
</body>
</html>

Example


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <h2>instagram login</h2>
   <a style="text-decoration: none" href="https://www.instagram.com/accounts/login/">instagram login</a>
</body>
</html>

Example

Following is another example program to remove underline from a link in HTML.


<!DOCTYPE html>
<html>
<head>
   <title>HTML Text Decoration</title>
</head>
<body>
   <h2>About</h2>
   <p>
      Our <a href="/about/about_team.htm" style="text-decoration: none;">Team</a>
      comprises of programmers, writers, and analysts.
   </p>
</body>
</html>
Updated on: 2023-09-02T12:27:12+05:30

53K+ Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements