So erstellen Sie mehrfarbige Links in HTML

Es gibt verschiedene Möglichkeiten, mehrfarbige Links auf einer Webseite zu erstellen. Für jeden, der daran interessiert ist, dies auf die richtige Weise zu tun, empfehlen wir die Verwendung der CSS-Lösung, da das font-Tag veraltet ist.

CSS-Klassenlösung

Code

Die erste und am besten geeignete Methode zum Erstellen einer mehrfarbigen Verknüpfung besteht darin, Ihre Farbe mit CSS zu definieren und diese später in der eigentlichen Verknüpfung zu verwenden. Im folgenden Codebeispiel würden Sie den folgenden CSS-Code in den Teil Ihrer Webseite einfügen und die beiden Farbnamen und -farben mithilfe von HTML-Farbcodes definieren.

 .blue {color: # 00f;} .green {color: # 008000;} 

Als Nächstes finden Sie einen Link mit Span-Tags, die die oben definierten, von CSS definierten Farben verwenden.

 ComputerHope 

Beispiel

Computer Hoffnung

Stilattribut

Eine andere Methode zum Erstellen einer mehrfarbigen Verknüpfung besteht darin, das style-Attribut für ein Tag wie das span-Tag zu verwenden. Wir empfehlen jedoch weiterhin die oben genannte Lösung, da das erstellte CSS nach der Erstellung mehrmals auf der gesamten Seite verwendet werden kann und weniger Code erfordert.

 Computer Hoffnung 

Beispiel

Computer Hoffnung

HTML-Font-Tag-Lösung

Die Verwendung des Tags ist eine andere Methode zum Erstellen von mehrfarbigen Links. Das Font-Tag ist jedoch veraltet und es wird empfohlen, diese Lösung nur zu verwenden, wenn CSS nicht verfügbar ist.

Code

 ComputerHope 

Beispiel