Tạo chữ chạy (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ẻ
Ghi chú: Thẻ
Cú pháp của thẻ marquee trong HTML
Cú pháp đơn giản để sử dụng thẻ
Các thuộc tính của thẻ
Bảng dưới đây liệt kê các thuộc tính quan trọng có thể được sử dụng với thẻ
| Thuộc tính | Miêu tả |
|---|---|
| width | Xác định độ rộng của dòng chạy. Giá trị có thể là 10 hoặc 20% ... |
| height | Xác định chiều cao của dòng chạy. Giá trị có thể là 10 hoặc 20% ... |
| direction | Xác định chiều hướng mà marquee sẽ được cuốn. Giá trị có thể là up, down, left, hoặc right. |
| behavior | Xác định kiểu cuộn của dòng chạy. Giá trị có thể là scroll, slide và alternate. |
| scrolldelay | Xác định khoảng thời gian dừng lại khi xong một lần cuốn. Giá trị có thể là 10…. |
| scrollamount | Xác định tốc độ của dòng chạy. Giá trị có thể là 10…. |
| loop | Xác định khoảng thời gian của vòng lặp. Giá trị mặc định là INFINITE, nghĩa là các marquee lặp đi lặp lại vô hạn. |
| bgcolor | Xác định màu nền, sử dụng tên màu hoặc giá trị thập lục phân của màu. |
| hspace | Xác định khoảng cách chiều ngang của dòng chạy. Giá trị có thể là 10 hoặc 20% ... |
| vspace | Xác định khoảng cách dọc của dòng chạy. Giá trị có thể là 10 hoặc 20% ... |
Dưới đây là một số ví dụ tập trung vào cách sử dụng thẻ marquee trong HTML.
Ví dụ - 1
Vi du the marquee trong HTML
Nó sẽ tạo ra kết quả là:
Ví dụ - 2
Vi du the marquee trong HTML
Đoạn mã trên tạo kết quả sau:
Ví dụ - 3
Vi du the marquee trong HTML
Kết quả là:
Ví dụ - 4
Vi du the marquee trong HTML
Dưới đây là kết quả khi chạy đoạn code trên:
Bài học HTML phổ biến khác tại hoconline.club:
Bài viết liên quan