HTML - markizy

Markiza HTML to przewijany fragment tekstu wyświetlany poziomo w poprzek lub pionowo w dół strony internetowej, w zależności od ustawień. Jest to tworzone za pomocą tagu HTML <marquees>.

Note- Tag <marquee> jest przestarzały w HTML5. Nie używaj tego elementu, zamiast tego możesz użyć JavaScript i CSS do tworzenia takich efektów.

Składnia

Prosta składnia użycia znacznika HTML <marquee> jest następująca -

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

Atrybuty tagów <marquee>

Poniżej znajduje się lista ważnych atrybutów, których można używać ze znacznikiem <marquee>.

Sr.No	Atrybut i opis
1	width Określa szerokość markizy. Może to być wartość taka jak 10 lub 20% itd.
2	height Określa wysokość markizy. Może to być wartość taka jak 10 lub 20% itd.
3	direction Określa kierunek, w którym powinna się przewijać markiza. Może to być wartość taka jak góra, dół, lewo lub prawo .
4	behavior Określa typ przewijania markizy. Może to mieć wartość taką jak przewijanie, przesuwanie i naprzemiennie .
5	scrolldelay Określa, jak długo należy opóźnić każdy skok. Będzie to miało wartość taką jak 10 itd.
6	scrollamount Określa prędkość tekstu markizy. Może mieć wartość taką jak 10 itd.
7	loop Określa, ile razy należy wykonać pętlę. Wartość domyślna to INFINITE, co oznacza, że marquee zapętla się w nieskończoność.
8	bgcolor Określa kolor tła pod względem nazwy koloru lub wartości szesnastkowej koloru.
9	hspace Określa poziomą przestrzeń wokół markizy. Może to być wartość taka jak 10 lub 20% itd.
10	vspace Określa pionową przestrzeń wokół markizy. Może to być wartość taka jak 10 lub 20% itd.

Poniżej znajduje się kilka przykładów pokazujących użycie znacznika markizy.

Przykłady - 1

<!DOCTYPE html>
<html>

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

To da następujący wynik -

Przykłady - 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>

To da następujący wynik -

Przykłady - 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>

To da następujący wynik -

Przykłady - 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>

To da następujący wynik -