Heim Web-Frontend HTML-Tutorial Anfänger lernen altes Wissen (2) Verwenden Sie aktive HTML-Untertitel, um Mar zu markieren

Anfänger lernen altes Wissen (2) Verwenden Sie aktive HTML-Untertitel, um Mar zu markieren

Dec 26, 2016 pm 03:11 PM
html

Aktive Untertitel, auch Rolling Boards und Rolling Subtitles genannt. Durch den Einsatz aktiver Untertitel wird die gesamte Webseite dynamischer und lebendiger. Aktive Untertitel werden auf heutigen Websites zunehmend verwendet, um die Interaktivität von Webseiten zu verbessern. Sie können die Javascript-Programmierung verwenden, um aktive Untertiteleffekte zu erzielen. Sie können die Ebenen und die Zeitleistenfunktion von Dreamweaver verwenden, um ein sehr schönes Bildlaufbrett zu erstellen. Die Verwendung von aktiven HTML-Untertitel-Tags erfordert den geringsten Codeaufwand und kann tatsächlich bessere Ergebnisse bei kürzerer Downloadzeit erzielen. Das Syntaxformat dieses Tags lautet wie folgt:


aligh=left|center|right|top|bottom
bgcolor=#n
direction= left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>

Es ist ersichtlich, dass es aufgrund der verschiedenen Anzeigemethoden aktiver Untertitel auch viele optionale Parameter gibt. Im Folgenden wird die Bedeutung der einzelnen Parameter erläutert:

Ausrichten: Legt die Position der aktiven Untertitel fest, fügt aber zusätzlich zu den drei Positionen links, zentriert und rechts auch oben hinzu (align=top). und unten ( align=bottom) zwei Positionen.

Bgcolor: wird verwendet, um die Hintergrundfarbe aktiver Untertitel festzulegen, normalerweise eine Hexadezimalzahl.

Richtung: Wird verwendet, um die Bildlaufrichtung aktiver Untertitel auf links, rechts, oben oder unten festzulegen.

Verhalten: Wird zum Festlegen der Scroll-Methode verwendet. Es gibt drei Hauptmethoden: Behavior = „Scrollen“ bedeutet, von einem Ende zum anderen zu scrollen anderes Ende. Und nicht wiederholt; behaviour="alternate" bedeutet, zwischen den beiden Enden hin und her zu scrollen.

Höhe: Wird verwendet, um die Höhe der rollenden Untertitel festzulegen.

Breite: Legen Sie die Breite der rollenden Untertitel fest.

Hspace und vspace: werden verwendet, um die Breite des linken und rechten Rands bzw. des oberen und unteren Rands rollierender Untertitel festzulegen.

Scrollamount: wird verwendet, um den Scrollabstand aktiver Untertitel festzulegen.

Scrolldelay: Wird verwendet, um die Verzögerungszeit zwischen zweimaligem Scrollen festzulegen.

Schleife: Wird verwendet, um die Anzahl der Bildläufe festzulegen. Wenn Schleife = -1, bedeutet dies, dass gescrollt wird, bis die Seite aktualisiert wird.

Der Standardwert des

-Tags besteht darin, unendlich oft nach links zu scrollen, die Untertitelhöhe ist die Texthöhe und der Scrollbereich: Die Breite des horizontalen Scrollens ist die Breite der aktuellen Position ; Die Höhe des vertikalen Scrollens ist die aktuelle Position.


Anwendungstipps

1. Nehmen Sie alle Standardwerte und verwenden Sie den wenigsten Code. Bitte sehen Sie sich das folgende Beispiel an.

Dies Rolling Subtitle übernimmt alle Standardwerte, Quellcode:

Untertitelinhalt hier schreiben

, ist der Code sehr klein?

2. Vertikales Scrollen

Fügen Sie einfach „direction="up" hinzu, z. B.

Untertitelinhalt hier schreiben

.

3. Aktive Untertitel für mehrzeiligen Text

Da die Markierung nur auf einen Textabschnitt angewendet werden kann, können mehrzeilige aktive Untertitel beim Verzweigen nur mit
markiert werden Zeilen, kein

-Tag.

Beispielquellcode:


Die erste Zeile des aktiven Untertitelinhalts

Die zweite Zeile des aktiven Untertitelinhalts

Aktivität Die dritte Zeile des Untertitelinhalts

4. Bilder zum Untertitelinhalt hinzufügen

Obwohl

ein aktiver Untertitel-Tag ist, ist er zulässig darin Fügen Sie ein Bild hinzu. Das Folgende ist ein Code, der Bilder hinzufügt: Dies ist der Code zum Hinzufügen von Bildern

Das Obige ist das alte Wissen, das Anfänger lernen können (2) HTML verwendet aktive Untertitel, um Mar-Inhalte zu markieren. Weitere verwandte Inhalte finden Sie hier Achten Sie auf die chinesische PHP-Website (www.php.cn)!


Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles