HTML - Marquees
Bảng điều khiển HTML là một đoạn văn bản cuộn được hiển thị theo chiều ngang hoặc chiều dọc xuống trang web của bạn tùy thuộc vào cài đặt. Điều này được tạo bằng cách sử dụng thẻ HTML <marquees>.
Note- Thẻ <marquee> không được dùng trong HTML5. Không sử dụng phần tử này, thay vào đó bạn có thể sử dụng JavaScript và CSS để tạo các hiệu ứng như vậy.
Cú pháp
Một cú pháp đơn giản để sử dụng thẻ HTML <marquee> như sau:
<marquee attribute_name = "attribute_value"....more attributes>
One or more lines or text message or image
</marquee>Thuộc tính thẻ <marquee>
Sau đây là danh sách các thuộc tính quan trọng có thể được sử dụng với thẻ <marquee>.
| Sr.No | Thuộc tính & Mô tả |
|---|---|
| 1 | width Điều này chỉ định chiều rộng của vùng chọn. Đây có thể là một giá trị như 10 hoặc 20%, v.v. |
| 2 | height Điều này chỉ định chiều cao của vùng chọn. Đây có thể là một giá trị như 10 hoặc 20%, v.v. |
| 3 | direction Điều này chỉ định hướng mà bảng điều khiển sẽ cuộn. Đây có thể là một giá trị như lên, xuống, trái hoặc phải . |
| 4 | behavior Điều này chỉ định kiểu cuộn của vùng điều khiển. Điều này có thể có một giá trị như cuộn, trang chiếu và thay thế . |
| 5 | scrolldelay Điều này chỉ định khoảng thời gian trì hoãn giữa mỗi lần nhảy. Điều này sẽ có giá trị như 10, v.v. |
| 6 | scrollamount Điều này chỉ định tốc độ của văn bản marquee. Giá trị này có thể có giá trị như 10, v.v. |
| 7 | loop Điều này chỉ định số lần lặp lại. Giá trị mặc định là INFINITE, có nghĩa là bảng điều khiển lặp lại liên tục. |
| số 8 | bgcolor Điều này chỉ định màu nền dưới dạng tên màu hoặc giá trị hex màu. |
| 9 | hspace Điều này chỉ định không gian ngang xung quanh vùng chọn. Đây có thể là một giá trị như 10 hoặc 20%, v.v. |
| 10 | vspace Điều này chỉ định không gian dọc xung quanh vùng chọn. Đây có thể là một giá trị như 10 hoặc 20%, v.v. |
Dưới đây là một số ví dụ để chứng minh việc sử dụng thẻ marquee.
Ví dụ - 1
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>Điều này sẽ tạo ra kết quả sau:
Ví dụ - 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>Điều này sẽ tạo ra kết quả sau:
Ví dụ - 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>Điều này sẽ tạo ra kết quả sau:
Ví dụ - 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>Điều này sẽ tạo ra kết quả sau: