Wie füge ich Text in HTML durchgestrichen hinzu? Zwei Methoden zum Hinzufügen von Durchstreichungen (Beispiel)-HTML-Tutorial-php.cn

Wie füge ich Text in HTML durchgestrichen hinzu? Zwei Methoden zum Hinzufügen von Durchstreichungen (Beispiel)

青灯夜游

Freigeben： 2018-10-09 14:22:07

Original

18983 Leute haben es durchsucht

Ich glaube, wenn Sie die Websites großer Einkaufszentren durchsuchen, sehen Sie immer die Originalpreismarkierung eines bestimmten Produkts und fügen dann eine deutliche Durchgestrichenheit über den Originalpreis hinzu, um anzuzeigen, dass es jetzt eine Sonderaktion gibt, und das Der aktuelle Preis wurde auf das geändert, was er ist. Geben Sie den Benutzern ein intuitives Gefühl für den Unterschied und locken Sie Benutzer zum Kauf an! Wie wird also ein solcher Durchstreichungseffekt zum Text hinzugefügt? In diesem Kapitel werden Ihnen zwei Möglichkeiten vorgestellt, Text in HTML durchzustreichen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Werfen wir zunächst einen Blick auf die beiden Methoden zum Hinzufügen eines Durchstreichungseffekts zu Text auf einer HTML-Seite:

html ;

html ~~Der Effekt des Durchstreichens von Text wird im Folgenden erläutert einfach Beispiele zur Einführung.~~

html ~~-Tag ~~-Tag kann mit durchgestrichener Textdefinition definiert werden.~~~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html <strike> 标签</title>
	</head>
	<body>
		<p><strike>这是测试代码，被删除了</strike></p>
	</body>
</html>

Nach dem Login kopieren

Rendering:

Wie füge ich Text in HTML durchgestrichen hinzu? Zwei Methoden zum Hinzufügen von Durchstreichungen (Beispiel) Wie im Beispiel gezeigt, können Sie das erreichen, was Sie wollen, solange Sie den Text im ~~-Tag hinzufügen Wirkung wollen. Das ~~-Tag kann mit dem gleichen Effekt zum ~~-Tag abgekürzt werden.~~~~~~

~~Sowohl Netscape als auch Internet Explorer unterstützen beide Schreibmethoden.~~

~~Hinweis: Das ~~-Tag (~~-Tag) ist in HTML 4 und XHTML veraltet, was bedeutet, dass es früher oder später nicht mehr verwendet wird.~~~~~~

~~Es wird generell empfohlen, nicht das ~~-Tag zu verwenden, sondern das ~~-Tag zu verwenden.~~~~~~

~~html ~~-Tag ~~-Tag definiert Text, der im Dokument gelöscht wurde.~~~~~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html <del> 标签</title>
	</head>
	<body>
		<p>原价：<del>20</del>，现在促销价：10</p>
	</body>
</html>

~~Nach dem Login kopieren~~

~~Rendering:~~

Wie im Beispiel gezeigt, ist die Verwendung des ~~-Tags dieselbe wie die des ~~; tag Einfach und bequem. Und alle gängigen Browser unterstützen das~~~~

Hinweis: Bitte verwenden Sie es mit dem Tag , um Aktualisierungen und Korrekturen im Dokument zu beschreiben.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Zusätzlich zu den beiden oben genannten Methoden zum Hinzufügen von Durchstreichungen können Sie auch CSS verwenden, um eine Durchstreichung zu erreichen und den Durchstreichungsstil festzulegen. Folgeartikel [
Wie füge ich Durchstreichungen in CSS hinzu? Festlegen des Durchstreichens mit dem CSS-Textdekorationsattribut (Codebeispiel)
] wird vorstellen, wie man CSS zum Festlegen des Durchstreichungsstils verwendet. Ich hoffe, dass es für alle beim Lernen hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter HTML-Video-Tutorial ! Verwandte Empfehlungen:
PHP-Video-Tutorial zum Gemeinwohltraining
Das obige ist der detaillierte Inhalt vonWie füge ich Text in HTML durchgestrichen hinzu? Zwei Methoden zum Hinzufügen von Durchstreichungen (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!