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

Tải nhạc từ YouTubeTải nhạc từ YouTube
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
Tự Tạo PodcastTự Tạo Podcast
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
Lưu Google DocLưu Google Doc
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
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
Kết nối máy tính với TV thông minh LGKết nối máy tính với TV thông minh LG
Mở tập tin EXEMở tập tin EXE
Thêm nhiều đích đến trên Google Maps
Thêm tập tin PDF vào Kindle của bạnThêm tập tin PDF vào Kindle của bạn
Tạo và sửa video trong YouTube Video EditorTạo và sửa video trong YouTube Video Editor
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
Quảng cáo

Về bài wikiHow này

JL
Cùng viết bởi:
Tác giả & Biên tập viên viết về công nghệ
Bài viết này đã được cùng viết bởi Jack Lloyd. Jack Lloyd là tác giả và biên tập viên làm việc cho wikiHow. Anh có hơn hai năm kinh nghiệm viết và biên tập các bài viết về công nghệ. Anh là người đam mê công nghệ và là giáo viên tiếng Anh. Bài viết này đã được xem 85.422 lần.
Chuyên mục: Đa phương tiện
Trang này đã được đọc 85.422 lần.

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

Quảng cáo