Thẻ Marquee trong HTML

Chắc bạn không xa lạ với hiệu ứng dòng chữ chạy. Dòng chữ chạy xuất hiện rất nhiều trong đời sống, ví dụ như trong chương trình thời sự, trên các biển quảng cáo, ... Dòng chữ chạy trên web cũng như vậy. Một dòng chữ chạy trong HTML là một phần cuốn văn bản được hiển thị dọc theo chiều ngang hay dọc theo chiều dọc trang của bạn phụ thuộc vào các thiết lập. Nó được tạo ra bằng cách sử dụng thẻ . Cùng eLib.VN để tìm hiểu qua bài viết dưới đây nhé!

Thẻ Marquee trong HTML

1. 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ả:

Đây là một ví dụ về html marquee

2. 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.

3. 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ả:

Đây là một ví dụ về scroll marquee

4. 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ả:

Đây là một ví dụ về slide marquee

5. 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>

6. 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ả:

Đây là một ví dụ về direction="right"

7. 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> 

8. Các bất tiện của HTML marquee

HTML marquee có một số bất tiện

  •  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.
  • 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.
  • Đó là một thẻ HTML không phải là thẻ tiêu chuẩn.
  • 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

Trên đây là bài viết của eLib.VN về Thẻ Marquee trong HTML. Hy vọng bài viết hữu ích cho bạn đọc đang nghiên cứu về thẻ trong HTML.

Ngày:07/11/2020 Chia sẻ bởi:

CÓ THỂ BẠN QUAN TÂM