Cách để Dùng Thẻ Màu Chữ Trên HTML - WikiHow

Trang chủ » đổi Màu Thẻ Li Trong Html » Cách để Dùng Thẻ Màu Chữ Trên HTML - WikiHow

Có thể bạn quan tâm

Skip to Content
  • Trang đầu
  • Ngẫu nhiên
  • Duyệt các Chuyên mục
  • Giới thiệu về wikiHow
  • Đăng nhập / Đăng ký
Các chính sáchCách để Dùng thẻ màu chữ trên HTML PDF download Tải về bản PDF Cùng viết bởi Nhân viên của wikiHow PDF download Tải về bản PDF X

Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 185.921 lần.

Trong bài viết này: Sử dụng CSS Sử dụng thẻ HTML Bài viết có liên quan Tham khảo

Đây là bài viết hướng dẫn cách thay đổi màu chữ trong văn bản HTML. Mặc dù thẻ kiểu chữ HTML đã lỗi thời trong HTML5, nhưng bạn có thể dùng CSS để tạo màu cho nội dung trên trang HTML. Nếu sử dụng phiên bản HTML cũ hơn, bạn có thể dùng thẻ màu chữ HTML khi cần.

Các bước

Phương pháp 1 Phương pháp 1 của 2:

Sử dụng CSS

PDF download Tải về bản PDF
  1. Step 1 Chọn màu cho phần nội dung. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/86\/122247-1-1.jpg\/v4-460px-122247-1-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/86\/122247-1-1.jpg\/v4-728px-122247-1-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Chọn màu cho phần nội dung. Mặc dù bạn có thể dùng các màu cơ bản (chẳng hạn như "đỏ") để tạo màu cho văn bản, nhưng bạn vẫn cần sử dụng công cụ tạo màu HTML để tạo nhiều tông màu khác:
    • Truy cập https://www.w3schools.com/colors/colors_picker.asp bằng trình duyệt của máy tính.
    • Chọn màu nền mà bạn muốn dùng trong hình lục giác ở đầu trang.
    • Kéo xuống tông màu mà bạn muốn dùng ở bên phải trang.
    • Ghi lại mã 6 ký tự ở bên phải tông màu.
  2. Step 2 Mở văn bản HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/35\/122247-2-1.jpg\/v4-460px-122247-2-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/122247-2-1.jpg\/v4-728px-122247-2-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Mở văn bản HTML. Đây là văn bản mà bạn muốn thay đổi màu chữ.
    • Nếu bạn chưa có văn bản HTML, hãy tạo ngay trước khi tiếp tục.
  3. Step 3 Tìm nội dung mà bạn muốn tạo màu. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dc\/122247-3-1.jpg\/v4-460px-122247-3-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dc\/122247-3-1.jpg\/v4-728px-122247-3-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Tìm nội dung mà bạn muốn tạo màu. Lướt xem văn bản đến khi bạn tìm được đoạn, đề mục hoặc nội dung khác mà bạn muốn tạo màu.
  4. Step 4 Lưu ý các thẻ của nội dung. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c5\/122247-4-1.jpg\/v4-460px-122247-4-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c5\/122247-4-1.jpg\/v4-728px-122247-4-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Lưu ý các thẻ của nội dung. Ví dụ, nếu nội dung là đề mục, bạn sẽ thấy "<h1>" ở phía trước.
  5. Step 5 Thêm phần "head" (phần mở đầu) và "style" (kiểu) vào phần phía trên của văn bản. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/48\/122247-5-1.jpg\/v4-460px-122247-5-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/48\/122247-5-1.jpg\/v4-728px-122247-5-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Thêm phần "head" (phần mở đầu) và "style" (kiểu) vào phần phía trên của văn bản. Bạn sẽ thực hiện việc này bằng cách nhập <head> bên dưới thẻ "<html>", ấn ↵ Enter, nhập <style> bên dưới thẻ "<head>", ấn ↵ Enter hai lần, và nhập thẻ đóng cho cả hai. Kết quả cuối cùng sẽ trông giống như sau: <!DOCTYPE html> <html> <head> <style> </style> </head> <body>
  6. Step 6 Nhập thẻ kiểu "color" (màu). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d6\/122247-6-1.jpg\/v4-460px-122247-6-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d6\/122247-6-1.jpg\/v4-728px-122247-6-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Nhập thẻ kiểu "color" (màu). Nhấp vào khoảng trống giữa các thẻ "<style></style>", rồi nhập đoạn mã sau (bạn nhớ thay red bằng mã màu và "<h1>" bằng thẻ dành cho nội dung mà bạn muốn tạo màu): <h1> { color: red; }
  7. Step 7 Xem lại văn bản. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/122247-7-1.jpg\/v4-460px-122247-7-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/122247-7-1.jpg\/v4-728px-122247-7-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 Xem lại văn bản. Phần đề mục của trang sẽ trông giống như sau: <!DOCTYPE html> <html> <head> <style> <h1> { color: red; } </style> </head> <body>
  8. Step 8 Hợp nhất màu của nội dung. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/68\/122247-8-1.jpg\/v4-460px-122247-8-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/68\/122247-8-1.jpg\/v4-728px-122247-8-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8 Hợp nhất màu của nội dung. Nếu bạn muốn nội dung của văn bản có cùng một màu, hãy nhập đoạn mã sau với black được thay bằng màu yêu thích của bạn: body { color: black; } Quảng cáo
Phương pháp 2 Phương pháp 2 của 2:

Sử dụng thẻ HTML

PDF download Tải về bản PDF
  1. Step 1 Chọn màu cho phần nội dung. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/08\/122247-9-1.jpg\/v4-460px-122247-9-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/122247-9-1.jpg\/v4-728px-122247-9-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Chọn màu cho phần nội dung. Mặc dù bạn có thể dùng các màu cơ bản (chẳng hạn như "đỏ") để tạo màu cho văn bản, nhưng bạn vẫn cần sử dụng công cụ tạo màu HTML để tạo nhiều tông màu khác:
    • Truy cập https://www.w3schools.com/colors/colors_picker.asp bằng trình duyệt của máy tính.
    • Chọn màu nền mà bạn muốn dùng trong hình lục giác ở đầu trang.
    • Kéo xuống tông màu mà bạn muốn dùng ở bên phải trang.
    • Ghi lại mã 6 ký tự ở bên phải tông màu.
  2. Step 2 Mở văn bản HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/80\/122247-10-1.jpg\/v4-460px-122247-10-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/80\/122247-10-1.jpg\/v4-728px-122247-10-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Mở văn bản HTML. Đây là văn bản mà bạn muốn thay đổi màu của nội dung.
    • Nếu bạn chưa có văn bản HTML, hãy tạo ngay trước khi tiếp tục.
  3. Step 3 Tìm nội dung mà bạn muốn tạo màu. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a1\/122247-11-1.jpg\/v4-460px-122247-11-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a1\/122247-11-1.jpg\/v4-728px-122247-11-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Tìm nội dung mà bạn muốn tạo màu. Lướt xem văn bản đến khi bạn tìm được đoạn, đề mục hoặc nội dung khác cần tạo màu.
  4. Step 4 Thêm thẻ mở "font" (kiểu chữ). {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/be\/122247-12-1.jpg\/v4-460px-122247-12-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/be\/122247-12-1.jpg\/v4-728px-122247-12-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Thêm thẻ mở "font" (kiểu chữ). Nhấp vào bên trái của nội dung mà bạn muốn tạo màu, rồi nhập đoạn mã sau (bạn nhớ thay red bằng màu yêu thích của mình):[1] <font color="red">
  5. Step 5 Đóng thẻ "font". {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/122247-13-1.jpg\/v4-460px-122247-13-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/122247-13-1.jpg\/v4-728px-122247-13-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Đóng thẻ "font". Nhấp vào bên phải nội dung cần tạo màu rồi nhập </font> tại đó. <font color="red">Đây là nội dung màu đỏ!</font> Quảng cáo

Lời khuyên

  • Cố gắng thiết kế sao cho trang dễ đọc. Các màu sáng thường khó đọc trên nền trắng, và màu tối sẽ khó đọc trên nền màu đen.
  • Mã màu HTML có ý nghĩa như sau: hai ký tự đầu tiên được dùng để chỉ sắc độ đỏ, hai ký tự tiếp theo chỉ sắc độ xanh lá, và hai ký tự cuối cùng chỉ sắc độ xanh dương. Bạn có thể sử dụng số bất kỳ từ "00" đến "99" để chỉ định lượng màu của từng sắc độ; sử dụng "FF" thay vì số là cách chỉ định lượng màu tối đa (ví dụ, "0000FF" sẽ cho màu có sắc độ xanh dương cao nhất).
  • Màn hình máy tính cũ chỉ hiển thị tối đa 65.000 màu, và các màn hình cũ hơn chỉ có 256 màu. Tuy nhiên, hơn 99% người dùng internet có thể thấy các màu mà bạn chọn.[2]

Cảnh báo

  • Yếu tố kiểu chữ không được hỗ trợ trong XHTML 1.0 Strict DTD.

Bài viết wikiHow có liên quan

Chép tài liệu từ máy tính sang USBCách đểChép tài liệu từ máy tính sang USB Tải video về từ YoutubeCách đểTải video về từ Youtube Mở tập tin EXECách đểMở tập tin EXE Hiển thị lời nhạc Spotify trên PC hoặc MacCách đểHiển thị lời nhạc Spotify trên PC hoặc Mac Lưu Google DocCách đểLưu Google Doc Gỡ bỏ mật khẩu tệp ZIP khi không biết mật khẩuCách đểGỡ bỏ mật khẩu tệp ZIP khi không biết mật khẩu Thêm tập tin PDF vào Kindle của bạnCách đểThêm tập tin PDF vào Kindle của bạn Tải nhạc từ YouTubeCách đểTải nhạc từ YouTube Chuyển nhạc vào thiết bị phát MP3Cách đểChuyển nhạc vào thiết bị phát MP3 Chuyển dữ liệu từ USB vào máy tínhCách đểChuyển dữ liệu từ USB vào máy tính Nhập biểu tượng EuroCách đểNhập biểu tượng Euro Khôi phục dữ liệu bị ghi đèCách đểKhôi phục dữ liệu bị ghi đè Sử dụng Dịch vụ Lưu trữ đám mây MEGACách đểSử dụng Dịch vụ Lưu trữ đám mây MEGA Mở tập tin winmail.datCách đểMở tập tin winmail.dat Quảng cáo

Tham khảo

  1. ↑ https://www.w3schools.com/tags/att_font_color.asp
  2. ↑ http://www.w3schools.com/browsers/browsers_display.asp

Về bài wikiHow này

Nhân viên của wikiHow Cùng viết bởi: Nhân viên của wikiHow Người viết bài của wikiHow Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 185.921 lần. Chuyên mục: Đa phương tiện Ngôn ngữ khác Tiếng Anh Tiếng Tây Ban Nha Tiếng Bồ Đào Nha Tiếng Italy Tiếng Nga Tiếng Pháp Tiếng Indonesia Tiếng Thái Tiếng Ả Rập Tiếng Hà Lan Tiếng Trung
  • In
Trang này đã được đọc 185.921 lần.

Bài viết này đã giúp ích cho bạn?

Có Không Quảng cáo Cookie cho phép wikiHow hoạt động tốt hơn. Bằng việc tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý với chính sách cookie của chúng tôi.

Bài viết có liên quan

Chép tài liệu từ máy tính sang USBCách đểChép tài liệu từ máy tính sang USBTải video về từ YoutubeCách đểTải video về từ YoutubeMở tập tin EXECách đểMở tập tin EXEHiển thị lời nhạc Spotify trên PC hoặc MacCách đểHiển thị lời nhạc Spotify trên PC hoặc Mac

Các bài viết hướng dẫn nổi bật

Xem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệtXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệt17 dấu hiệu cho biết chàng thầm yêu bạn17 dấu hiệu cho biết chàng thầm yêu bạnXem ai không theo dõi lại bạn trên InstagramXem ai không theo dõi lại bạn trên Instagram

Các bài viết hướng dẫn phổ biến

Phù phép trong MinecraftCách đểPhù phép trong MinecraftBật xem trước ảnh trong thư mục (Windows 10)Cách đểBật xem trước ảnh trong thư mục (Windows 10)Chuyển từ thập phân sang thập lục phânCách đểChuyển từ thập phân sang thập lục phânLấy Mật khẩu Facebook của Người khácCách đểLấy Mật khẩu Facebook của Người khác

Các bài viết hướng dẫn nổi bật

15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hút15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hútBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họ3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minh3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minhChọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạnChọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạn

Các bài viết hướng dẫn nổi bật

Phải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấyPhải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấy15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bè175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bèPhản hồi khi người yêu nhắn tin nói rằng họ nhớ bạnPhản hồi khi người yêu nhắn tin nói rằng họ nhớ bạn

Các bài viết hướng dẫn nổi bật

Xem video đã xóa trên YouTube bằng WayBack MachineXem video đã xóa trên YouTube bằng WayBack Machine5 cách để tìm một người trên Tinder5 cách để tìm một người trên TinderKể về bản thân trên ứng dụng hẹn hòKể về bản thân trên ứng dụng hẹn hò5 cách dễ dàng để biết ai đó đã chặn bạn trên Discord5 cách dễ dàng để biết ai đó đã chặn bạn trên Discord

Các bài viết hướng dẫn nổi bật

9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản Instagram9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản InstagramTại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồiTại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồiĂn chuối để thải độc đường ruộtĂn chuối để thải độc đường ruột11 cách dễ dàng để khen vẻ ngoài của một chàng trai11 cách dễ dàng để khen vẻ ngoài của một chàng trai wikiHow
  • Chuyên mục
  • Máy tính và Điện tử
  • Máy tính
  • Đa phương tiện
  • Trang chủ
  • Giới thiệu về wikiHow
  • Các chuyên gia
  • Liên hệ với chúng tôi
  • Sơ đồ Trang web
  • Điều khoản Sử dụng
  • Chính sách về Quyền riêng tư
  • Do Not Sell or Share My Info
  • Not Selling Info

Theo dõi chúng tôi

--393

Từ khóa » đổi Màu Thẻ Li Trong Html