Dưới đây là tổng hợp các đoạn mã dùng để tạo các kiểu chữ chạy khác nhau trên web/blog. Hướng dẫn này cũng có khá nhiều bài viết chia sẽ trên mạng rồi, nhưng mình cũng cố gắng tổng hợp lại và hướng dẫn chi tiết để các bạn thực hiện 1 cách dễ dàng nhất.
Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé (Mình thấy đa phần trình soạn thảo trên các hệ thống Blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không).
Tóm Tắt
A – ÁP DỤNG CHO CHỮ
CÁCH 1:
Bạn đang đọc: CODE HTML LÀM ẢNH HOẶC TEXT CHẠY TRÊN WEB, BLOG
1. Chữ chạy ngang từ phải qua trái
Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.
Đoạn mã:
Kết quả:
www.thietkemenu.net
Lưu ý quan trọng: Thẻ marquee phía sau lúc nào cũng phải có dấu “/” ngay trước nhé, nếu không sẽ bị lỗi chạy cả bài viết luôn đó. Chú ý điều này là được!
Từ đoạn mã cơ bản ở trên, chúng ta đặt các thuộc tính khác nhau vào trong thẻ marquee để tạo dòng chữ chạy với nhiều kiểu khác nhau.
2. Chữ chạy ngang từ trái qua phải:
www.thietkemenu.net
3. Chữ chạy từ trên xuống dưới:
www.thietkemenu.net
4. Chữ chạy từ dưới lên trên:
www.thietkemenu.net
5. Chữ chạy qua lại:
www.thietkemenu.net
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
www.thietkemenu.net
>>www.thietkemenu.net<<
7. Chữ chạy có màu nền:
www.thietkemenu.net
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:
www.thietkemenu.net
www.thietkemenu.net
CÁCH 2:
Đầu tiên là đoạn code sẽ có cấu trúc chung như thế này:
B – ÁP DỤNG CHO HÌNH ẢNH
Cũng tương tự như phần áp dụng cho text, ta chỉ việc thêm nội dung vào 3 dấu sao đó, nhưng ở đây ta thay bằng thẻ .
Ví dụ để làm cho hình ảnh chạy từ dưới lên và khi ta rê chuột vào thì hình sẽ đứng lại và có link liên kết cho hình, thì ta sửa code lại thành:
……………………………( Thêm link vào đây)
*** Các thông số.
Cũng như các thông số ở trên, chỉ thay đổi 1 số cái như thẻ, thẻ< img>là thẻ chứa link mà khi ta click vào hình sẽ dẫn ta tới link đó, các bạn nên thêm thuộc tính target=”_blank” và để mở link ở cửa sổ mới.
đây chính là phần chèn link ảnh mà ta cần đưa vào để chạy. title ghi chú cho từng bức ảnh, nó sẽ hiện lên khi ta trỏ chuột vào ảnh. Các bạn cũng có thể thêm vào nó vào 1 cái table, hoặc thêm vào các thuộc tính như width, height để định dạng cố định size ảnh.
Xem thêm: HTML Là Gì, Giới Thiệu Về HTML
www.thietkemenu.net
Source: https://final-blade.com
Category: Kiến thức Internet