Das Tag <marquee> ist ein nicht dem Standard entsprechendes HTML-Tag, mit dem ein Lauftext oder ein Bild erstellt wurde. Es wurde verwendet, um den Text/Bild-Scroll horizontal über oder vertikal nach unten auf der Webseite zu bewegen.
Syntax
Das Element <marquee> wird gepaart verwendet. Sein Inhalt wird in den Start- (<marquee>) und Endtags (</marquee>) eingeschlossen.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<marquee>Ein Lauftext, der mit dem HTML-Element Marquee erstellt wurde.</marquee>
</body>
</html>Verwenden Sie das Attribut direction des Elements <marquee>, um die Richtung des Textes/Bildes zu ändern. Sehen Sie ein weiteres Beispiel, wo der Text von oben nach unten scrollt.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<marquee direction="down">Ein Lauftext, der mit dem HTML-Element Marquee erstellt wurde.</marquee>
</body>
</html>Lassen Sie uns nun ein Beispiel für die Verwendung des Elements <marquee> zum Einstellen eines scrollenden Bildes sehen:
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<marquee behavior="scroll" direction="up">
<img src="/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" width="190" height="45" alt="W3docs" />
</marquee>
</body>
</html>Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<style>
marquee {
width: 100%;
padding: 10px 0;
background-color: lightblue;
}
</style>
<marquee direction="scroll">Ein Lauftext, der mit dem HTML Marquee-Element erstellt und mit CSS-Eigenschaften gestaltet wurde.</marquee>
</body>
</html>Attributes
Die folgenden Attribute können verwendet werden, um das Erscheinungsbild von <marquee> anzupassen.
| Attribut | Wert | Beschreibung |
|---|---|---|
| behavior | scroll slide alternate |
Es definiert den Scrolltyp. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
Es wird verwendet, um eine Hintergrundfarbe zu geben. |
| direction | up down left right |
Es legt die Richtung für den Scrollinhalt fest. |
| height | pixels % |
Es definiert marquees Höhe. |
| hspace | pixels | Es definiert den horizontalen Raum um marquee herum. |
| loop | number | Es legt fest, wie oft der Inhalt gescrollt wird. Wenn wir das nicht definieren, wird der Inhalt für immer rollen. |
| scrollamount | number | Es definiert den Scrollingbetrag in jedem Intervall in Pixeln. Der Standardwert ist 6. |
| scrolldelay | seconds | Es legt fest, wie lange die Verzögerung zwischen den einzelnen Sprüngen sein wird. Der Standardwert ist 85 und kleinere Werte als 60 werden ignoriert. |
| truespeed | seconds | Wenn Sie dieses Attribut verwenden, können Sie Scroll unter 60 verzögern. |
| vspace | pixels | Es definiert den vertikalen Raum um marquee herum. |
| width | pixels % |
Es definiert marquees Breite. |
Das Tag <marquee> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
