Code áp dụng chèn văn bản HTML

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 web/blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không).

1. Chữ chạy ngang từ phải qua trái. HTML viết:

<marquee>nhập nội dung cần hiển thị vào đây</marquee>

2. Chữ chạy ngang từ trái qua phải. HTML viết:

<marquee direction="right">nhập nội dung cần hiển thị vào đây</marquee>

3. Chữ chạy từ trên xuống dưới. HTML viết:

<marquee direction="down">nhập nội dung cần hiển thị vào đây</marquee>

4. Chữ chạy từ dưới lên trên. HTML viết:

<marquee direction="up">nhập nội dung cần hiển thị vào đây</marquee>

5. Chữ chạy qua lại. HTML viết:

<marquee behavior="alternate">nhập nội dung cần hiển thị vào đây</marquee>

6. Chữ đứng, mũi tên 2 bên chạy ra vào. HTML viết:

<marquee behavior="alternate" width="10%">>></marquee>nhập nội dung cần hiển thị vào đây<marquee behavior="alternate" width="10%"><< </marquee>

7. Chữ chạy có màu nền. HTML viết:

<font ><marquee direction="left" style="background:red">nhập nội dung cần hiển thị vào đây</marquee></font>

8. Chữ chạy có khung viền xung quanh. HTML viết:

<marquee style="border:blue 2px SOLID">nhập nội dung cần hiển thị vào đây</marquee>

9. Chữ chạy và biến mất. HTML viết:

<marquee behavior="alternate"><marquee width="150">nhập nội dung cần hiển thị vào đây</marquee></marquee>

10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp. HTML viết:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">nhập nội dung cần hiển thị vào đây</marquee>

11. Thêm một số thuộc tính cho văn bản. HTML viết:

<marquee><font size="5" face="Arial" color="#FF0000">nhập nội dung cần hiển thị vào đây</font></marquee>

12. Tốc độ chạy cho văn bản. HTML viết:

<marquee scrollamount="2">nhập nội dung cần hiển thị vào đây</marquee>

13. Chọn màu cho văn bản. HTML viết:

<font color="blue">Text color</font>

14. Chữ nhỏ. HTML viết:

<small>nhập nội dung cần hiển thị vào đây</small>

15. Chữ to. HTML viết:

<big>nhập nội dung cần hiển thị vào đây</big>

16. Chữ đậm. HTML viết:

<b>nhập nội dung cần hiển thị vào đây</b> hoặc <strong>nội dung</strong>

17. Chữ nghiêng. HTML viết:

<i>nhập nội dung cần hiển thị vào đây</i> hoặc <em>nội dung</em>

18. Chữ gạch dưới. HTML viết:

<u>nhập nội dung cần hiển thị vào đây</u>

19. Chữ gạch giữa. HTML viết:

<strike>nhập nội dung cần hiển thị vào đây</strike> hoặc <del>nội dung</del>

20. Văn bản kết hợp. HTML viết:

<b><font size="5" face="Arial" color="#FF0000">nhập nội dung cần hiển thị vào đây</font></b>