HTML - Seçim Çerçeveleri

Bir HTML seçim çerçevesi, ayarlara bağlı olarak web sayfanızda yatay veya dikey olarak görüntülenen kayan bir metin parçasıdır. Bu, HTML <marquees> etiketi kullanılarak oluşturulur.

Note- <marquee> etiketi HTML5'te kullanımdan kaldırıldı. Bu öğeyi kullanmayın, bunun yerine bu tür efektler oluşturmak için JavaScript ve CSS kullanabilirsiniz.

Sözdizimi

HTML <marquee> etiketini kullanmak için basit bir sözdizimi aşağıdaki gibidir -

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

<marquee> Etiketi Nitelikleri

<marquee> etiketiyle kullanılabilecek önemli özniteliklerin listesi aşağıdadır.

Sr.No Öznitelik ve Açıklama
1

width

Bu, seçim çerçevesinin genişliğini belirtir. Bu,% 10 veya% 20 gibi bir değer olabilir.

2

height

Bu, seçim çerçevesinin yüksekliğini belirtir. Bu,% 10 veya% 20 gibi bir değer olabilir.

3

direction

Bu, seçim çerçevesinin kaydırılması gereken yönü belirtir. Bu, yukarı, aşağı, sol veya sağ gibi bir değer olabilir .

4

behavior

Bu, seçim çerçevesinin kaydırma türünü belirtir. Bunun kaydırma, kaydırma ve alternatif gibi bir değeri olabilir .

5

scrolldelay

Bu, her atlama arasında ne kadar gecikme olacağını belirtir. Bunun 10 vb. Gibi bir değeri olacaktır.

6

scrollamount

Bu, kayan yazı metninin hızını belirtir. Bunun 10 vb. Gibi bir değeri olabilir.

7

loop

Bu, kaç kez döngü yapılacağını belirtir. Varsayılan değer INFINITE'tir, bu da seçim çerçevesinin sonsuz döngüye girdiği anlamına gelir.

8

bgcolor

Bu, renk adı veya rengin onaltılık değeri açısından arka plan rengini belirtir.

9

hspace

Bu, seçim çerçevesinin etrafındaki yatay boşluğu belirtir. Bu,% 10 veya% 20 gibi bir değer olabilir.

10

vspace

Bu, seçim çerçevesinin etrafındaki dikey boşluğu belirtir. Bu,% 10 veya% 20 gibi bir değer olabilir.

Aşağıda, kayan yazı etiketinin kullanımını gösteren birkaç örnek bulunmaktadır.

Örnekler - 1

<!DOCTYPE html>
<html>

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

Bu, aşağıdaki sonucu verecektir -

Örnekler - 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>

Bu, aşağıdaki sonucu verecektir -

Örnekler - 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>

Bu, aşağıdaki sonucu verecektir -

Örnekler - 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>

Bu, aşağıdaki sonucu verecektir -