Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Inhaltsverzeichnis
Attribute des HTML-Marquee-Tags
Beispiele für HTML-Marquee-Tags
Beispiel #1 – Marquee Left
Beispiel #2 – Auswahlrechteck
Beispiel #3 – Marquee Up
Beispiel #4 – Marquee Down
Beispiel #5 – Verschachteltes Auswahlfenster
Beispiel #6 – Geschwindigkeitsvergleich für Marquee
Beispiel #7 – Hintergrundfarbe und -raum markieren
Fazit
Heim Web-Frontend HTML-Tutorial HTML-Marquee-Tag

HTML-Marquee-Tag

王林
王林
Sep 04, 2024 pm 04:23 PM
html html5 HTML Tutorial HTML Properties HTML tags

Marquee-Tag in HTML wird zum Erstellen eines Bildlaufs über dem Text oder dem Bild auf der Webseite verwendet, der alle Arten von Bildlauf ermöglicht, z. B. von links nach rechts, von rechts nach links, von oben nach unten und von unten nach oben. Die Syntax für dieses Tag in HTML lautet Dies ist das Scrollen des Textes…< /marquee>, wobei das Tag „marquee“ verwendet wird, um die Eigenschaften der erforderlichen Schriftrolle zu beschreiben. Einige andere häufig verwendete Laufschriftattribute sind Verhalten, Hspace, Scrollamount, Scrolldelay, Truespeed, Vspace usw.

Syntax:

Die Markise kann mit der Funktion verwendet werden. Element. Die Syntax kann wie folgt geschrieben werden:

<html>
<body>
<marquee direction="up" height="150" width="250" bgcolor="white">This is scrolling of the text...</marquee>
</body>
</html>
Nach dem Login kopieren

Attribute des HTML-Marquee-Tags

Im Folgenden sind die Attribute aufgeführt, die vom unterstützt werden. Tag.

  1. Verhalten: Die Aktion des Scrollens des Textes, die einer der Werte sein kann, einschließlich Alternate, Scroll und Slide.
  2. bgcolor: Gibt Hintergrundfarbe.
  3. Richtung: Gibt die Richtung zum Scrollen des Textes mit den Werten links, rechts, oben und unten an. Der Standardrichtungswert ist links.
  4. Höhe: Definiert eine Höhe für die Markierung.
  5. hspace: Dieses Attribut stellt horizontalen Raum um das Laufschriftelement bereit.
  6. Schleife: Sie definiert, wie oft der Text gescrollt werden kann. Die Laufschrift läuft kontinuierlich, wenn der Standardwert -1 ist.
  7. scrollamount: Gibt den Scrollumfang für jedes Intervall an. Wenn kein Scrollamount definiert ist, ist der Standardwert 6.
  8. scrolldelay: Gibt die Scrollverzögerung in Millisekunden an. Wenn kein Scrollamount definiert ist, ist der Standardwert 6.
  9. truespeed: Wird verwendet, um den Scrolldelay-Wert von 60 anzugeben.
  10. vspace: Dieses Attribut stellt vertikalen Raum um das Laufschriftelement bereit.
  11. Breite: Definiert eine Breite für das Auswahlrechteck.

Beispiele für HTML-Marquee-Tags

Im Folgenden finden Sie Beispiele für das HTML-Marquee-Tag, die unten erläutert werden:

Beispiel #1 – Marquee Left

Diese Art von Laufschrift kann verwendet werden, um den Inhalt von der linken Seite zu verschieben.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Left Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "left" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

  • Speichern Sie den obigen Code in einer Datei mit der Erweiterung .html
  • Führen Sie die HTML-Datei in einem Browser aus und Sie erhalten die Ausgabe wie im Bild unten gezeigt

HTML-Marquee-Tag

Beispiel #2 – Auswahlrechteck

Diese Art von Laufschrift kann verwendet werden, um den Inhalt auf die rechte Seite zu verschieben.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Right Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "right" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Beispiel #3 – Marquee Up

Diese Art von Laufschrift kann verwendet werden, um den Inhalt nach oben zu verschieben.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Up Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "up" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Beispiel #4 – Marquee Down

Diese Art von Laufschrift kann verwendet werden, um den Inhalt nach unten zu verschieben.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Down Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "down" loop="" >
<div class="txt">Welcome to EDUCBA...</div>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Beispiel #5 – Verschachteltes Auswahlfenster

Diese Art von Laufschrift kann zum Verschachteln des Inhalts verwendet werden.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Nested Marquee</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
.txt {
font-size:30px;
font-weight:italic;
color:white;
padding-bottom:10px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1" bgcolor = "grey" direction = "down" behavior="alternate" height="150" >
<marquee behavior="alternate"><div class="txt">Welcome to EDUCBA...</div></marquee>
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Beispiel #6 – Geschwindigkeitsvergleich für Marquee

Die Geschwindigkeit des Laufschriftelements kann mithilfe des scrolldelay-Attributs angegeben werden.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Nested Marquee</title>
<style>
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
</style>
</head>
<body>
<marquee class="marq_class1" bgcolor = "grey" direction = "down" behavior="alternate" height="150" >
<marquee scrolldelay="80" scrollamount="7">Welcome to EDUCBA...(normal speed)</marquee>
<marquee scrolldelay="60" scrollamount="12" truespeed>Welcome to EDUCBA...(This is very speed)</marquee>
<marquee scrolldelay="250" scrollamount="4">Welcome to EDUCBA...(This is very slow)</marquee>
</marquee>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Beispiel #7 – Hintergrundfarbe und -raum markieren

Diese Art von Laufschrift kann verwendet werden, um Hintergrundfarbe und Platz für das Laufschriftelement festzulegen.

Code:

<!DOCTYPE html>
<html>
<head>
<title>Marquee Background and Space</title>
<style>
.mrq_class {
text-align:center;
}
.marq_class1 {
padding-top:25px;
padding-bottom:25px;
}
</style>
</head>
<body>
<div class = "mrq_class">
<marquee class="marq_class1"  bgcolor="#d9d9ff" hspace="50" vspace="20">
<div>EDUCBA is a leading global provider of skill based education addressing the needs 500,000+ members across 40+ Countries.</div>
</marquee>
</div>
</body>
</html>
Nach dem Login kopieren

Ausgabe:

HTML-Marquee-Tag

Fazit

Bisher haben wir untersucht, wie das Marquee-Tag verwendet wird, um Lauftext auf der Webseite zu erstellen. Der Benutzer kann problemlos horizontale oder vertikale Lauftexte auf den Websites erstellen. Dieses Element ist veraltet und wird nicht mehr verwendet. Um den Scrolleffekt zu erzielen, wird CSS oder JavaScript verwendet.

Das obige ist der detaillierte Inhalt vonHTML-Marquee-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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!

Mehr anzeigen

Heißer Artikel

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben
4 Wochen vor By DDD
Wie kann ich KB5055523 in Windows 11 nicht installieren?
3 Wochen vor By DDD
Inzoi: Wie man sich für Schule und Universität bewerbt
1 Monate vor By DDD
Wie kann ich KB5055518 in Windows 10 nicht installieren?
3 Wochen vor By DDD
Wo finden Sie den Site Office -Schlüssel in Atomfall
4 Wochen vor By DDD
Mehr anzeigen

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)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?
7898
15
Java-Tutorial
1651
14
CakePHP-Tutorial
1411
52
Laravel-Tutorial
1303
25
PHP-Tutorial
1248
29
Mehr anzeigen
Related knowledge
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.

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.

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.

See all articles

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved