[ HTML ] Cách sử dụng thẻ marquee để tạo chuyển động cho văn bản.

Cách sử dụng thẻ marquee để tạo chuyển động cho văn bản.

Theo w3docs <Marquee> là thẻ HTML không chuẩn được sử dụng để tạo văn bản cuộn hoặc hình ảnh. Nó được sử dụng để làm cho cuộn văn bản / hình ảnh theo chiều ngang hoặc dọc xuống trang web.

Trong bài viết này mình sẽ hướng dẫn cho các bạn cách sử dụng thẻ marquee và chỉ áp dụng trên văn bản thôi nhé. Cú pháp của thẻ này là như sau:

<marquee></marquee>

Test code

Ví dụ minh họa:

<marquee>Đây là ví dụ cho nó.</marquee>

Test code

Các bạn cũng có thể sử dụng thuộc tính direction để chuyển hướng chuyển động

Ví dụ:

<marquee direction="top">Đây là ví dụ cho nó.</marquee>

Có thể thay thế top thành các chữ như: down,left,right để chuyển hướng chuyển động.

Lưu ý: nếu bạn muốn cho nó nổi bật hơn thì cứ thêm cho nó một ít css. Bạn có thể tham khảo đoạn css ngắn phía dưới:

marquee {

        width: 100%;

        padding: 8px 0;

        background-color: #555;

        border: 1px solid blue;

        color: #fff

      }

Test code

ĐỌC THÊM

[HTML] Tự Học Cách Chèn Hình Ảnh Vào Web.

Chèn hình ảnh vào website là một vấn đề cực kì căn bản cho các bạn mới học web. Để chèn một hình ảnh vào website, thông thường cách duy nhất người ta thường dùng thẻ img. Và trong bài viết ngày hôm nay mình sẽ hướng dẫn chi tiết cho các bạn học tập làm quen với thẻ này.
Code để chèn hình ảnh có cấu trúc như sau:

<img src="url_hinh_anh">

Ví dụ: 

<img src="http://i.imgur.com/Nr0xKfD.jpg">

(Bạn có thể lấy url hình ảnh khác tại đây)
Thuộc Tính Của Thẻ Img Rất Nhiều Nên Mình Chỉ Giới Thiệu 3 Thuộc Tính Phổ Biến Sau:
- 1: Thuộc tính Scr (Xác định đường dẫn tham chiếu của image)

Ví Dụ: <img src="https://i.imgur.com/Nr0xKfD.jpg">

- 2: Thuộc tính Alt (Xác định text thay thế cho image.)

Ví Dụ: <img src="url_khong_ton_tai" alt="hình ảnh">

- 3: Thuộc tính Width và Height (Xác định chiều rộng và chiều cao cho hình ảnh)

Ví Dụ: <img width="560px" height="231" src="https://i.imgur.com/Nr0xKfD.jpg">

Ngoài ra còn nhiều thuộc tính khác nữa, bạn có thể tham khảo tại đây

Cuối cùng là cấu trúc cơ bản của một website khi có thẻ img:

<!DOCTYPE html>
<html>
<body>
    <img src="https://i.imgur.com/Nr0xKfD.jpg">
</body>
</html>

--- Chúc Các Bạn Học Tập Thật Tốt ---

ĐỌC THÊM

Làm Quen Bố Cục Website Bằng HTML5 Và Css Cơ Bản.

Đây là cái căn bản lúc mình mới vào học lập trình web nên ngay bây giờ mình cũng sẳn tiện chia sẽ cho mọi người, nhằm tạo điều kiện cho mọi người nắm bắt kiến thức tốt hơn.

Đầu tiên, phần cấu trúc HTML5 có cấu trúc cơ bản như sau:

<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

   </body>

</html>

Nhưng để cho nó có đầy đủ và hoàn thiện hơn síu nên trong phần <body> mình sẽ chèn thêm phần header của site:

<header>

 <h1>   </h1>

</header>

Cấu trúc đầy đủ sẽ như này:

<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

<header>

 <h1>   </h1>

</header>

   </body>

</html>

Đã có xương web thì đương nhiên phải thêm chút thịt chứ nhỉ :)
Các bạn tự tạo cho mình một file có đuôi dạng .css
Còn đây là css mình viết riêng cho phần header các bạn có thể xem và tham khảo:

.header   {
     width: 850px;
     height: 86px;
     background-color: #FFFFFF; /* #FFFFFFlà mã màu */
     padding: 10px;
     color: #555;

}

Lưu ý: phần mã màu ( #FFFFFF, #555 bạn có thể tham khảo tại đây )
Đến đây thì mình nghĩ các bạn đã có thể hiểu chút gì về cấu trúc của một website rồi. Mình sẽ cố gắng hướng dẫn nhiều hơn ở các bài tiếp theo. Cảm ơn các bạn đã quan tâm.

ĐỌC THÊM