HTML - letreiros

Uma marca de seleção HTML é um pedaço de texto de rolagem exibido horizontalmente ou verticalmente em sua página da web, dependendo das configurações. Isso é criado usando a tag HTML <marquees>.

Note- A tag <marquee> tornou-se obsoleta em HTML5. Não use este elemento; em vez disso, você pode usar JavaScript e CSS para criar tais efeitos.

Sintaxe

Uma sintaxe simples para usar a tag HTML <marquee> é a seguinte -

<marquee attribute_name = "attribute_value"....more attributes>
   One or more lines or text message or image
</marquee>

Os atributos da tag <marquee>

A seguir está a lista de atributos importantes que podem ser usados ​​com a tag <marquee>.

Sr. Não Atributo e descrição
1

width

Isso especifica a largura do letreiro. Pode ser um valor como 10 ou 20% etc.

2

height

Isso especifica a altura da marquise. Pode ser um valor como 10 ou 20% etc.

3

direction

Isso especifica a direção na qual o letreiro deve rolar. Pode ser um valor como up, down, left ou right .

4

behavior

Isso especifica o tipo de rolagem do letreiro. Isso pode ter um valor como scroll, slide e alternate .

5

scrolldelay

Isso especifica quanto tempo deve ser atrasado entre cada salto. Isso terá um valor como 10 etc.

6

scrollamount

Isso especifica a velocidade do texto do letreiro. Isso pode ter um valor como 10 etc.

7

loop

Isso especifica quantas vezes o loop. O valor padrão é INFINITE, o que significa que o letreiro faz um loop infinito.

8

bgcolor

Isso especifica a cor de fundo em termos de nome da cor ou valor hexadecimal da cor.

9

hspace

Isso especifica o espaço horizontal ao redor do letreiro. Pode ser um valor como 10 ou 20% etc.

10

vspace

Isso especifica o espaço vertical em torno do letreiro. Pode ser um valor como 10 ou 20% etc.

Abaixo estão alguns exemplos para demonstrar o uso da marca de seleção.

Exemplos - 1

<!DOCTYPE html>
<html>

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

Isso produzirá o seguinte resultado -

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

Isso produzirá o seguinte resultado -

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

Isso produzirá o seguinte resultado -

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

Isso produzirá o seguinte resultado -