VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

Thẻ Marquee trong HTML


HTML là gì?
Định dạng HTML

Nội dung chính

  • Thẻ Marquee trong HTML
  • Các thuộc tính của thẻ HTML marquee
  • HTML Scroll Marquee
  • HTML Slide Marquee
  • HTML Alternate Marquee
  • Thuộc tính direction trong HTML marquee
  • Ví dụ về marquee lồng nhau
  • Các bất tiện của HTML marquee

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


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ínhMô tả
behaviorChỉ định hành vi di chuyển của marquee bằng một trang 3 giá trị sau: scroll, slide và alternate.
directionChỉ đị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ả:

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

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

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

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

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"

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

Marquee lồng nhau...

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


HTML là gì?
Định dạng HTML

Recent Updates

Sắp Tết 2024 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2024?Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTML

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml