Links beeinflussen das Erscheinungsbild einer Webseite erheblich. Egal, ob es sich um Ihre Website oder Ihren Blog handelt, wunderschön angepasste Links werden das Design Ihrer Website zum Besseren verändern. Auch ohne HTML- und CSS-Kenntnisse ist es ziemlich einfach, einen schönen Link zu erstellen.
Anleitung
Schritt 1
Zuerst erstellen wir einen regulären Link. Dies geschieht mit folgendem Code: Linkname. In diesem Code ist das Tag ein Link. Sein "href"-Attribut gibt die Adresse der Seite an, zu der der Link führt. Anstelle von "Linktitel" schreiben Sie ein Wort oder einen Satz, der den Link repräsentiert
Sie können auch Text hinzufügen, der angezeigt wird, wenn Sie auf den Link klicken. Dabei hilft Ihnen das Attribut "title" des Tags.
Schritt 2
Kommen wir nun zur Verlinkung. Am einfachsten geht dies in Cascading Style Sheets (css). Öffnen Sie die Datei mit den Stilen für Ihre Site und schreiben Sie dort weiteren Code. Alternativ können Sie Stile direkt in die HTML-Seite einfügen. Verwenden Sie dazu den Anpassungscode für den Websitestil.
Schritt 3
Kommen wir zum Design. Die Syntax für den Eintrag wäre {style parameters}. Was soll ich hier schreiben?
Ändern Sie zunächst die Farbe der Links nach Ihren Wünschen. Dieser Code hilft Ihnen dabei:
a {Farbe: # 00000;}. Anstelle von "#00000" müssen Sie natürlich Ihre eigene Farbe einfügen. Sie können den Farbcode in diesem Formular in verschiedenen Grafikprogrammen (zum Beispiel in Photoshop) herausfinden oder eine Webpalette finden.
Schritt 4
Standardmäßig macht der Browser Links unterstrichen. Dies kann mit folgendem Code abgebrochen werden: a {text-decoration: none;}
Um fette Links zu erstellen, verwenden Sie den Parameter font-weight: bold. Es wird wie Farbe, Unterstreichung in den Stilcode eingefügt.
Schritt 5
Sie haben wahrscheinlich bemerkt, dass sich auf einigen Websites das Aussehen eines Links ändert, wenn Sie mit der Maus über einen Link fahren. Sie können dies auch tun. Ein Code wie dieser wird Ihnen helfen: a: hover {style parameters}. Die Parameter werden wie bei einem normalen Link angegeben, der einzige Wert ist die Pseudoklasse "hover", die dem Browser mitteilt, dass diese Einstellungen beim Hovern über den Link übernommen werden sollen.
Auf ähnliche Weise können Sie besuchte Links hervorheben: a: besucht {style parameters}
