CSS entfernen Sie die Unterstreichung von Link

Innerhalb der Computerprogrammierung sind Links weithin bekannt und werden verwendet, um sich auf einen bestimmten Ort zu lenken, an dem sich die Daten befinden. Wir können in diesen bestimmten Ort einsteigen, indem wir auf den Hyperlink tippen. Wir können diesen Link auch zu einem Wort oder einer Schaltfläche anhängen, damit wir beim Tippen auf das Wort oder die Schaltfläche zu den bestimmten Daten führen. Wenn ein Benutzer dem Wort oder der Schaltfläche einen Hyperlink hinzufügt, wird dieses Wort oder die Schaltfläche normalerweise hervorgehoben und unterstrichen. Was ist, wenn einige von Ihnen den Link nicht unterstreichen möchten? Verwenden Sie in diesem Fall diesen Artikel für Ihre Hilfe, um einige Beispiele zu veranschaulichen, um die Unterstreichung aus dem Link zu entfernen.

Beispiel 01:
Schauen wir uns das erste Beispiel von HTML an, um den Link auf der HTML -Webseite hinzuzufügen. Dann werden wir einen Weg diskutieren, die Unterstreichung dieses Links zu entfernen. Wir haben eine neue Textdatei mit dem Titel "CSS" generiert. Diese Datei wurde im Visual Studio -Code geöffnet. Wir haben unseren Code mit der Verwendung des Haupt -HTML -Tags „HTML“ gestartet. Innerhalb des "Head" -Tages dieses HTML -Skripts haben wir das Tag "Titel" verwendet, um unsere Webseite "Unterstreichung entfernen" zu benennen oder zu titel.

Innerhalb des Body -Tags haben wir unsere Inhalte hinzugefügt, die auf der Webseite mit Hilfe einiger nützlicher HTML -Tags angezeigt werden sollen. Das erste Tag, das wir verwendet haben, ist das Überschriften -Tag von Größe 2, „H2“,. Der H2 ist die zweitgrößte Überschrift im HTML -Skript. Diese Überschrift wird auf der Webseite ohne Styling und in einem anderen Format angezeigt. Das nächste Tag, das wir verwendet haben, ist das Absatz -Tag "P", "P". Es enthält einen einfachen Text zusammen mit dem Link darin, der mit dem Anker "A" -Tag angeschlossen ist, gefolgt vom "href", um die URL hinzuzufügen. Dieser Link kann ein Weg zu einem Bild auf Ihrem lokalen Computer oder einer Online -Webseite sein. Wir haben den Weg zu einem Bild in unserem lokalen Computer (ich.e., Index.png.) Was auch immer Sie im Anker "A" Tag bereitgestellt haben, wird auf einer Webseite unterstrichen und hervorgehoben. Hier geht es um die Verwendung von Links auf einer HTML -Seite. Lassen Sie uns diesen Code speichern und ausführen, indem Sie die Schaltfläche ausführen. Führen Sie diesen Code mit dem Chrome -Browser aus.

Die Webseite mit dem Namen "Underline entfernen" wurde im Browser geöffnet, wie Sie aus der folgenden Ausgabe sehen können. Auf Ihrem weißen Bildschirm befindet sich eine Überschrift „Link mit Unterstaat“. Danach haben Sie einen einfachen Einzeilungsabsatz darunter mit einem Link, der an das Wort "Logo" angeschlossen ist. Sie können sehen, dass das Wort „Logo“ unterstrichen und in blauer Farbe hervorgehoben ist. Tippen Sie auf das Wort "Logo", um zu sehen, was herauskommt.

Die Webseite wurde auf das Bild gezeigt (Index.JPG) Ort, der sich auf unserem lokalen Computer befindet. Das Bild enthält ein einfaches animiertes Logo.

Aktualisieren wir unseren HTML -Code, um die Zeile zu entfernen, mit der das Keyword "Logo" des Links unterstreicht wird. Dafür haben wir zuerst die Überschrift H2 aktualisiert (ich.e., "Link ohne Unterstreich")). Danach haben wir das CSS-Tag "Style" im Anker-Tag "A" verwendet, um die Eigenschaft "Textdekoration" auf "None" festzulegen, auf "None" festgelegt wird. Die auf "None" eingestellte Eigenschaft "Textdekoration" entfernen das gesamte auf das bestimmte Link-Schlüsselwort "Logo" angewendete Styling und macht es zu einem einfachen normalen Text. Sparen wir zuerst diesen Code.

Nachdem wir den aktualisierten Code im Browser ausgeführt haben, haben wir die Absatzzeile und die Überschrift aktualisiert. Das Wort „Logo“ wurde so hervorgehoben, aber die Unterstufe wurde davon entfernt. Andererseits funktioniert das Schlüsselwort "Logo" immer noch als Link und leitet Sie zum Bild.

Beispiel 2:
Schauen wir uns das neue Beispiel an, um die Unterstufe aus den Links auf der HTML -Webseite zu entfernen. Dieses Beispiel wird unterschiedlich sein, da wir zwei Links verschiedener Arten im Inner -Absatz -Tag eines Body -Tags für ein HTML -Skript verwendet haben. Wir haben zwei Überschriften und zwei Absätze im Körper einer Webseite durch Tags hinzugefügt. Die ersten und zweiten Titel: "Link with Underline" zeigen, dass beide Links unterstrichen werden. Innerhalb der Absatz -Tags haben wir das Anker -Tag „A“ verwendet, um Links zu bestimmten URLs hinzuzufügen. Die allererste Absatz -URL hat auf denselben Bildindex hingewiesen.png. Ein CSS -Style -Tag wurde verwendet, um die Farbe dieses Link -Schlüsselworts „Logo“ gemäß der Farbeigenschaft auf lila zu setzen. Die zweite Absatz -URL hat auf die neue URL für eine einfache Textdatei auf unserem lokalen Computer (i "hingewiesen (i.e., prüfen.TXT) und CSS -Style -Tag wurden verwendet, um die Farbe seines Link -Schlüsselworts „Datei“ nach der Farbeigenschaft auf Braun festzulegen.

Stylen wir sie mit Hilfe eines Style -Tags im Kopf -Tag einer HTML -Datei. Wir haben die 15-Pixel-Ränder für Überschriften und Absätze festgelegt, während wir auch den Link und die Schwebereigenschaften festgelegt haben. Die textdekorationelle Eigenschaft verwendet den Wert "Unterstreich", um beide Schlüsselwörter zu unterstreichen. Die Dicke der Linie wurde auf 6 Pixel eingestellt. Die Hover -Immobilienfarbe wurde auf "Aqua" eingestellt. Lassen Sie uns diesen Code jetzt in Visual Studio speichern und debuggen.

Die Ausgabe für den obigen Code zeigt zwei Überschriften mit zwei Absätzen. Das unterstrichene Schlüsselwort "Logo" enthält den Pfad zum Bild, während das unterstrichene Wort "Datei" Sie in die Textdatei leitet (i.e., prüfen.txt.)

Wenn Sie auf das Schlüsselwort "Datei" tippen, werden Sie zum Test geleitet.TXT -Datei wie unten gezeigt.

Wenn Sie über eines der hervorgehobenen Wörter aus den Absätzen mit dem gezeigten Verschluss schweben, wird die Farbe eines Wortes und seine Unterstreichung in „Aqua“ geändert, wie in der Anzeige unten gezeigt.

Um die Unterstreichung aus beiden Linkwörtern zu entfernen, müssen wir die Eigenschaftstexte für einen Link zu "None" festlegen. Wir haben den Rest des Codes nicht aktualisiert, um Unannehmlichkeiten zu vermeiden. Um seine Funktionen zu sehen, müssen wir es zuerst durch Strg+S speichern und dann mit der Schaltfläche „Ausführen“ aus dem Visual Studio -Code debuggen.

Die Ausgabe für diesen aktualisierten Code zeigt jeweils zwei Absätze mit dem Link -Wort „Logo“ und „Datei“. Die Unterstreichung am Ende der beiden Wörter wurde erfolgreich entfernt, ohne Probleme zu verursachen.

Abschluss:

Die Demonstration, eine Unterstreichung aus dem Link zu entfernen, wurde in diesem Artikel durchgeführt. Dafür haben wir die SMS-Eigenschaft im Inline-Styling und das Out-Line-Styling eines HTML-Skripts verwendet. Die Verwendung des Schwebelements zusammen mit der Dicke und Farbeigenschaft eines Links war während des gesamten Artikels sehr hilfreich. Nachdem Sie alle Illustrationen von HTML in diesem Artikel durchlaufen haben.