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 -