Wie setze ich eine Unterstreichung in HTML? So unterstreiche ich Text in HTML
|
Früher bestand das Unterstreichen in HTML darin, Text in <u></u>-Tags einzuschließen. Dieser Ansatz wurde jedoch zugunsten des vielseitigeren CSS aufgegeben. Im Allgemeinen gilt die Unterstreichung als eine Möglichkeit, die Aufmerksamkeit von Menschen auf einen Text zu lenken. Wie also legt man die Unterstreichung in HTML fest? Wie unterstreicht man HTML-Text? Lassen Sie uns unten zusammenfassen. 1. Die Verwendung des <u>-Tags und der CSS-Stileigenschaft „text-decoration“ ist nicht mehr die richtige Möglichkeit, Text hervorzuheben. Verwenden Sie stattdessen die CSS-Eigenschaft „text-decoration“. Die Syntax lautet: <span style="text-decoration:underline;">Dies wird unterstreichen</span>. 2. Wenn Sie einen Textabschnitt unterstreichen möchten, verwenden Sie das <span>-Tag und platzieren Sie das öffnende Tag zusammen mit dem Attribut „text-decoration“ an der Stelle, an der die Unterstreichung beginnen soll. Platzieren Sie </span>end dort, wo es enden soll. 3. Deklarieren Sie HTML-Elemente im <style>-Abschnitt der Seite. Sie können dies auch in einem CSS-Stylesheet tun, das den Unterstreichungsprozess vereinfacht, indem das HTML-Element zuerst als Stil deklariert wird. Um beispielsweise alle Überschriften der Ebene 3 unterstrichen darzustellen, fügen Sie Ihrem CSS-Style-Abschnitt Folgendes hinzu: 4. Erstellen Sie ein CSS, um jederzeit schnell Unterstreichungen in einem Stylesheet oder <style>-Abschnitt zu implementieren. Sie können einen Klassennamen erstellen, um ihn später aufzurufen. Codebeispiel:
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8" />
<title>Beispiel für Unterstreichen, Durchstreichen, Unterstreichen</title>
<Stil>
.php{text-decoration:unterstrichen}
</Stil>
</Kopf>
<Text>
<div class="php">Ich bin unterstrichen</div>
</body>
</html>
Der Code zeigt das Ergebnis:
5. Überlegen Sie sich andere Möglichkeiten, Text hervorzuheben. Um den Leser nicht zu verwirren, sollten Unterstreichungen vermieden werden. Eine beliebte Methode ist die Verwendung des <em>-Tags, das den Text kursiv darstellt. Sie können dieses Tag mit CSS zur eindeutigen Hervorhebung weiter definieren. So entfernen Sie die Unterstreichung eines HTML-HyperlinksEin Beispiel für den HTML-Tag-Code ist wie folgt: <!DOCTYPE html> <html> <Kopf> <meta charset="utf-8"> <title>ein Beispiel für die Verwendung eines Tag-Hyperlinks</title> </Kopf> <Text> <a href="">Bitte schauen Sie, ob mein Hyperlink unterstrichen ist! </a> </body> </html> Die Wirkung ist wie folgt:
Können Sie die bekannte Unterstreichung wie auf dem Bild erkennen? Dann fügen wir CSS ein Style-Attribut hinzu!
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="utf-8">
<title>Beispiel zum Entfernen der Unterstreichung von CSS-Hyperlinks</title>
<Stil>
A{
Textdekoration: keine;
}
</Stil>
</Kopf>
<Text>
Bitte schauen Sie noch einmal nach, ob ich noch Unterstreichungen habe! </a>
</body>
</html>Die Wirkung ist wie folgt:
Auf dem Bild können wir erkennen, dass die Unterstreichung des Text-Hyperlinks zu diesem Zeitpunkt entfernt wurde. Ist dieser Effekt nicht ganz einfach zu erzielen? Das wichtigste Stilattribut, das jeder beherrschen sollte, ist text-decoration: none;. Durch Hinzufügen dieses Attributs zum entsprechenden Tag-Text kann die Unterstreichung des Text-Hyperlinks entfernt werden. Damit ist dieser Artikel zum Thema „Wie setze ich eine Unterstreichung in HTML?“ abgeschlossen. Methoden zum Unterstreichen von HTML-Text. Weitere Informationen zum Setzen einer Unterstreichung in HTML finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
Artikel empfehlen
Ist MySQL eine relationale Datenbank?
MySQL ist ein relationales Datenbankverwaltungssy...
Vier Möglichkeiten, CSS und HTML zu kombinieren
(1) Jedes HTML-Tag hat ein Attribut style, das CS...
Referenzieren Sie SVG-Bilder in CSS, um den Implementierungscode für dynamische Farbumschaltung zu unterstützen
Wenn wir ein SVG-Bild zur Anzeige hinzufügen, erh...
Verwendung von Provide und Inject in Vue3
1. Erklärung von provide und inject Mit „Bereitst...
Native JS-Kapselung vue Tab-Umschalteffekt
In diesem Artikelbeispiel wird der spezifische Co...
So wählen Sie zwischen MySQL CHAR und VARCHAR
Inhaltsverzeichnis VARCHAR- und CHAR-Typen Abschl...
Einige CSS-Fragen, die Ihnen während eines Vorstellungsgesprächs gestellt werden könnten
Dieser Artikel dient lediglich der Erinnerung an ...
Velocity.js implementiert den Seiten-Scrolling-Umschalteffekt
Heute werde ich ein kleines Javascript-Animations...
So verwenden Sie Xtrabackup zum Sichern und Wiederherstellen von MySQL
Inhaltsverzeichnis 1. Sicherung 1.1 Vollständig v...
Lösung für das Problem des MySQL-Threads beim Öffnen von Tabellen
Problembeschreibung Vor kurzem gab es einen MySQL...
JavaScript implementiert die Operationen „Alle auswählen“ und „Alle abwählen“
In diesem Artikel wird der spezifische Code für J...
MySQL implementiert Ranking und fragt die angegebene Benutzer-Ranking-Funktion ab (parallele Ranking-Funktion) Beispielcode
Vorwort Dieser Artikel stellt hauptsächlich die r...
Zusammenfassung der Techniken zur Implementierung komplexer Seitenlayouts mithilfe von Framesets
Code kopieren Der Code lautet wie folgt: <html...
Einen Web-Rechner mit Javascript schreiben
Dieser Artikel beschreibt hauptsächlich die Auswi...
Detaillierte Erläuterung der Gründe und Lösungen für den Fehler beim normalen Start von Docker
1. Abnormale Leistung beim Docker-Start: 1. Der S...