HTML - Marquees
Una cornice intermittente HTML è una porzione di testo scorrevole visualizzata orizzontalmente o verticalmente lungo la tua pagina web a seconda delle impostazioni. Viene creato utilizzando il tag HTML <marquees>.
Note- Il tag <marquee> è obsoleto in HTML5. Non utilizzare questo elemento, invece puoi utilizzare JavaScript e CSS per creare tali effetti.
Sintassi
Una semplice sintassi per utilizzare il tag HTML <marquee> è la seguente:
<marquee attribute_name = "attribute_value"....more attributes>
One or more lines or text message or image
</marquee>
Gli attributi del tag <marquee>
Di seguito è riportato l'elenco degli attributi importanti che possono essere utilizzati con il tag <marquee>.
Suor n | Attributo e descrizione |
---|---|
1 | width Specifica la larghezza della cornice intermittente. Questo può essere un valore come 10 o 20% ecc. |
2 | height Specifica l'altezza della cornice intermittente. Questo può essere un valore come 10 o 20% ecc. |
3 | direction Specifica la direzione in cui deve scorrere la selezione. Può essere un valore come su, giù, sinistra o destra . |
4 | behavior Specifica il tipo di scorrimento della selezione. Questo può avere un valore come scroll, slide e alternate . |
5 | scrolldelay Questo specifica quanto tempo ritardare tra ogni salto. Questo avrà un valore come 10 ecc. |
6 | scrollamount Specifica la velocità del testo di selezione. Questo può avere un valore come 10 ecc. |
7 | loop Specifica quante volte eseguire il loop. Il valore predefinito è INFINITO, il che significa che la selezione viene ripetuta all'infinito. |
8 | bgcolor Specifica il colore di sfondo in termini di nome del colore o valore esadecimale del colore. |
9 | hspace Specifica lo spazio orizzontale attorno alla cornice intermittente. Questo può essere un valore come 10 o 20% ecc. |
10 | vspace Specifica lo spazio verticale intorno alla cornice intermittente. Questo può essere un valore come 10 o 20% ecc. |
Di seguito sono riportati alcuni esempi per dimostrare l'utilizzo del tag marquee.
Esempi - 1
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>
Questo produrrà il seguente risultato:
Esempi - 2
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee width = "50%">This example will take only 50% width</marquee>
</body>
</html>
Questo produrrà il seguente risultato:
Esempi - 3
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "right">This text will scroll from left to right</marquee>
</body>
</html>
Questo produrrà il seguente risultato:
Esempi - 4
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "up">This text will scroll from bottom to up</marquee>
</body>
</html>
Questo produrrà il seguente risultato: