Wie in HTML-Syntax Highlight
Betonung auf den Text in einer Webseite ist bequem über die HTML-Tags, die Fett, produzieren, kursiv und unterstrichen Typ. HTML hat jedoch keine dedizierten Tag ein Hervorhebungseffekt am Text zu erstellen. Um dieses Problem zu beheben, können Sie Cascading Style Sheets (CSS) Code mit dem Tag "span" verwenden, um Teile von Text in jeder Farbe zu markieren, die Sie mögen. Das CSS-Styling in einem einzigen "span" Tag für eine einmalige Hervorhebungseffekt getan, oder integriert in einen größeren internen oder externen Style-Sheet für die häufige Verwendung.
Anweisungen
1 Platz "Span" Stichworte rund um den Text, den Sie markieren mit dem "Background-Color"-Stil, die in das Attribut "Style" definiert, wenn Sie nur den Effekt ein-oder zweimal auf einer einzelnen Web-Seite verwenden möchten. Hier ist ein Beispiel:
< p > das ist eine gewöhnliche Absatz im Körper eines HTML-Dokuments. Jedoch < span Style = "Hintergrund-Farbe: gelb" > dieser Teil davon wurde hervorgehoben gelb < / Span > mit dem Span-Tag und CSS. </p >
Sie können mit jedem beliebigen vordefinierten CSS Farben, wie "gelb" und "Magenta" und können auch hexadezimal und RGB-Farbcodes um in jeder Farbe zu markieren, die Sie mögen. Gehe zu W3schools.com/css/css_colors_legal.asp für ein Dokument zur Beschreibung der möglichen Farben, die Sie angeben können.
2 Fügen Sie den folgenden Code zwischen die Tags "Kopf" von Ihrem HTML-Dokument, wenn Sie häufig den Hervorhebungseffekt auf dieser Seite verwenden müssen:
< Typ style = "Text/Css" >
.hlyellow {Background-Farbe: Yellow;}
< / style >
Verwenden Sie dann das Span-Tag wie folgt:
< span Class = "Hlyellow" > hervorgehobenen Text < / span >
Diese Methode ist für Seiten mit zahlreichen Hervorhebung, vorzuziehen, weil Sie nicht aus der "Background-Color"-Stil jedes Mal eingeben, und Sie schnell die Markierungsfarbe für die gesamte Seite ändern können nur durch eine Änderung der Definition im Abschnitt "Kopf". Sie können auch mehrere Klassen für verschiedene Farben definieren. Ein Klassenname können Sie anstelle von "Hlyellow" mögen, aber sollten nicht den Namen mit einer Zahl beginnen.
3 Fügen Sie folgenden Code in ein leeres Textdokument, dann speichern Sie es mit einem Namen wie "highlight.css", wenn Sie häufig hervorheben von Text in mehrere Web-Seiten müssen:
.hlyellow {Background-Farbe: Yellow;}
Dieses Dokument ist ein externes CSS-Stylesheet aufgerufen. Um es in einer bestimmten Webseite verwenden, platzieren Sie zunächst den folgenden Code zwischen die Tags "Kopf" des HTML-Dokuments:
< link Rel = "Stylesheet" Type = "Text/Css" href="highlight.css" / >
Das "Href"-Attribut enthält den Pfad zu dem CSS-Dokument, das in diesem Fall im gleichen Verzeichnis wie die HTML-Dokument gespeichert werden soll. Jetzt können Sie den Klassennamen wie in Schritt 2, um Text zu markieren:
< span Class = "Hlyellow" > hervorgehobenen Text < / span >
Sie können die Markierungsfarbe für viele Web-Seiten auf einmal mit dieser Technik schnell ändern.