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 -