Come creare un collegamento senza sottolineatura in HTML

Nessun link sottolineato sulla pagina web

Usando i CSS, puoi cambiare lo stile dei tuoi link HTML per non avere una sottolineatura usando uno dei seguenti consigli.

Rendi tutti i collegamenti non sottolineati

Per fare in modo che tutti i collegamenti sulla tua pagina web non abbiano sottolineature, configura lo stile di decorazione del testo dell'elemento a (ancora). Ad esempio, puoi aggiungere il seguente codice CSS tra i tag <head> </head> del codice HTML della tua pagina web. Qui, l'elemento <style> contiene lo stile che cambia il modo in cui sono decorati i collegamenti di ancoraggio.

<head> ... <style> a {text-decoration: none; } </style> ... </head>

Il codice sopra dice al browser di non avere alcun tipo di sottolineatura (decorazione del testo) su qualsiasi <a> tag (link).

Fare un collegamento individuale non avere una sottolineatura

Se desideri che un solo link non venga sottolineato nella tua pagina web, puoi creare un link simile al codice seguente. Puoi farlo ovunque nel tag <body> </body> per evitare che il link sia sottolineato.

<p> <a href="https://www.computerhope.com/" style="text-decoration: none"> Computer Hope. </a> </p>

La definizione di una proprietà di stile in questo modo si chiama stile in linea. Lo stile è specificato "inline" nell'elemento stesso, nel corpo della tua pagina.

Il link non sottolineato appare così nella tua pagina web:

Computer Hope.