Tải về bản PDF Tải về bản PDF

Đâ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.

Phương pháp 1 của 2:
Sử dụng CSS

  1. 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. 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. 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. 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. 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. 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. 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. 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 của 2:
Sử dụng thẻ HTML

  1. 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. 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. 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. 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. 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 USBChép tài liệu từ máy tính sang USB
Tải nhạc từ YouTubeTải nhạc từ YouTube
Chuyển dữ liệu từ USB vào máy tínhChuyển dữ liệu từ USB vào máy tính
Dùng TV làm màn hình máy tínhDùng TV làm màn hình máy tính
Mở tập tin EXEMở tập tin EXE
Lưu Google DocLưu Google Doc
Khôi phục tập tin đã bị xóa trên máy tínhKhôi phục tập tin đã bị xóa trên máy tính
Sử dụng Dịch vụ Lưu trữ đám mây MEGASử dụng Dịch vụ Lưu trữ đám mây MEGA
Chuyển định dạng JPG sang VectorChuyển định dạng JPG sang Vector
Nhập biểu tượng EuroNhập biểu tượng Euro
Gỡ bỏ mật khẩu tệp ZIP khi không biết mật khẩuGỡ bỏ mật khẩu tệp ZIP khi không biết mật khẩu
Chèn phụ đề vào phim/video trên VLCChèn phụ đề vào phim/video trên VLC
Thêm nhiều đích đến trên Google Maps
Tự Tạo PodcastTự Tạo Podcast
Quảng cáo

Về bài wikiHow này

Nhân viên của wikiHow
Cùng viết bởi:
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 69.570 lần.
Chuyên mục: Đa phương tiện
Trang này đã được đọc 69.570 lần.

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

Quảng cáo