HTML Marquees

Un marquee HTML è una parte di testo che può scorrere sia in orizzontale che in verticale (in base a come viene impostato) lungo una pagina web. Viene creato utilizzando il tag HTML <marquees>.

Nota: Il tag HTML <marquee> non è più supportato da svariati browser perciò se ne sconsiglia l' utilizzo, al suo posto si può utilizzare Javascript e CSS per ottenere lo stesso effetto.

Sintassi

La sintassi più semplice per un tag <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>

Qui di seguito verranno elencati alcuni attributi del tag <marquee>.

Attributo	Descrizione
width	Definisce la larghezza. Può essere un valore come 10 o 20% ecc.
height	Definisce l' altezza. Può essere un valore come 10 o 20% ecc.
direction	Definisce la direzione in cui dovrà scorrere il testo. Può essere un valore come up, down, left o right.
behavior	Definisce il tipo di scrolling del marquee. Può essere un valore come scroll, slide e alternate.
scrolldelay	Definisce quanto tempo deve passare fra uno scrolling e l' altro. Può essere un valore come 10 ecc.
scrollamount	Indica la velocità dello scorrimento.Può essere un valore come 10 ecc.
loop	Indica per quanto tempo dovrà scorrere il testo. Il valore di default è INFINITE, ossia che scorrerà all' infinito.
bgcolor	Definisce il colore di sfondo.
hspace	Definisce lo spazio orizzontale intorno al marquee. Può essere un valore come 10 o 20% ecc.
vspace	Definisce lo spazio verticale intorno al marquee. Può essere un valore come 10 o 20% ecc.

A seguire qualche esempio pratico di utilizzo del tag marquee.

Esempio - 1

<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>

Produrrà il seguente risultato:

This is basic example of marquee

Esempio - 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>

Produrrà il seguente risultato:

This example will take only 50% width

Esempio - 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>

Produrrà il seguente risultato:

This text will scroll from left to right

Esempio - 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>

Produrrà il seguente risultato:

This text will scroll from bottom to up