Usando CSS, você pode alterar o estilo dos links HTML para não ter sublinhado, usando qualquer uma das recomendações a seguir.
Tornar todos os links não sublinhados
Para que todos os links da sua página da Web não tenham sublinhados, configure o estilo de decoração de texto do elemento a (âncora). Por exemplo, você pode adicionar o seguinte código CSS entre as tags <head> </head> do código HTML da sua página da web. Aqui, o elemento <style> contém o estilo que altera a forma como os links âncora são decorados.
<head> ... <style> a {text-decoration: none; } </style> ... </head>
O código acima informa ao navegador para não ter nenhum tipo de sublinhado (decoração de texto) em nenhuma tag <a> (links).
Faça com que um link individual não tenha sublinhado
Se você deseja que apenas um link não seja sublinhado em sua página da web, crie um link semelhante ao código abaixo. Você pode fazer isso em qualquer lugar da tag <body> </body> para fazer com que o link não tenha sublinhado.
<p> <a href="https://www.computerhope.com/" style="text-decoration: none"> Esperança no computador. </a> </p>
Definir uma propriedade de estilo dessa maneira é chamada de estilo embutido. O estilo é especificado "inline" no próprio elemento, no corpo da sua página.
O link não sublinhado aparece assim em sua página da web:
Esperança do computador.