Nội dung chính
Thẻ Marquee trong HTML
Thẻ marquee trong HTML không phải là một thẻ HTML tiêu chuẩn, được sử dụng để di chuyển chữ hoặc ảnh theo chiều ngang hoặc dọc một cách tự động. Có nghĩa là bạn có thể làm cho chữ hoặc ảnh di chuyển lên trên, xuống dưới, sang trái, sang phải một cách tự động.
Ví dụ:
<marquee>Đây là một ví dụ về html marquee </marquee>
Kết quả:
Các thuộc tính của thẻ HTML marquee
Thẻ marquee có một vài thuộc tính để điều khiển và hiệu chỉnh sự xuất hiện, di chuyển của các marquee.
| Thuộc tính | Mô tả |
|---|---|
| behavior | Chỉ định hành vi di chuyển của marquee bằng một trang 3 giá trị sau: scroll, slide và alternate. |
| direction | Chỉ định hướng di chuyển của nội dung. Giá trị của direction có thể là left, right, up và down. |
| width | Định nghĩa chiều rộng của marquee theo pixel hoặc %. |
| height | Định nghĩa chiều cao của marquee theo pixel hoặc %. |
| hspace | Định nghĩa chiều cao không gian tính bằng pixcel mà marquee di chuyển trong nó. |
| vspace | Định nghĩa chiều rộng không gian tính bằng pixcel mà marquee di chuyển trong nó. |
| scrolldelay | Định nghĩa độ chễ khi cuộn theo giây. |
| scrollamount | Định nghĩa số lần cuộn theo số |
| loop | Định nghĩa vòng lặp cho nội dung của marquee theo số. |
| bgcolor | Định nghĩa màu nền của marquee. |
HTML Scroll Marquee
Đây là một tính chất mặc định. Nó được sử dụng đê cuộn chữ từ phải sang trái, và bắt đầu cuộn lại từ phía bên phải khi nó kết thúc từ phía bên trái.
Ví dụ:
<marquee width="100%" behavior="scroll" bgcolor="pink">
Đây là một ví dụ về scroll marquee
</marquee>
Kết quả:
HTML Slide Marquee
Với tính chất này nội dung bị cuộn sẽ trượt từ phải sang trái và dừng lại ở bên trái và vẫn được hiển thị tại bên trái.
Ví dụ:
<marquee width="100%" behavior="slide" bgcolor="pink">
Đây là một ví dụ về slide marquee
</marquee>
Kết quả:
HTML Alternate Marquee
Với tính chất này, nội dung được cuộn từ phải sang trái rồi lại cuộn ngược lại từ trái sang phải.
Ví dụ:
<marquee width="100%" behavior="alternate" bgcolor="pink">
Đây là một ví dụ về alternate marquee
</marquee>
Kết quả:
Thuộc tính direction trong HTML marquee
Thuộc tính direction được sử dụng để xác định hướng di chuyển của nội dung marquee. Có thể là left, right, up và down.
Ví dụ:
<marquee width="100%" direction="right">
Đây là một ví dụ về direction="right"
</marquee>
Kết quả:
Ví dụ về marquee lồng nhau
<marquee width="400px" height="100px" behavior="alternate" style="border:2px solid red">
<marquee behavior="alternate">
Marquee lồng nhau...
</marquee>
</marquee>
Kết quả:
Các bất tiện của HTML marquee
1) Marquee có thể khiến người dùng bị phân tâm, bởi vì mắt người bị thu hút bởi sự chuyển động văn bản.
2) Vì văn bản của Marquee di chuyển gây khó khăn khi thể click vào văn bản tĩnh.
3) Đó là một thẻ HTML không phải là thẻ tiêu chuẩn.
4) Thu hút sự chú ý của người dùng một cách không cần thiết và làm cho văn bản khó đọc hơn