Hướng dẫn html text color - màu văn bản html

Cafedev chia sẻ về Màu trong HTML, được chỉ định bằng tên màu đã được định nghĩa trước hoặc với các giá trị RGB, HEX, HSL, RGBA hoặc HSLA.

Phần này chúng ta sẽ chỉ hiểu về color trong html mà thôi, sau đó cafedev sẽ giới thiệu cho ace chi tiết về các giá trị màu sau: RGB, HEX, HSL.

• 1. Tên Màu – Color Name
• 2. Màu nền(Background Color)
• 3. Màu chữ(Text Color)
• 4. Mầu viền(Border Color)
• Cafedev
• Cafedev
• Hello Cafedev

1. Tên Màu – Color Name

2. Màu nền(Background Color)

3. Màu chữ(Text Color)

4. Mầu viền(Border Color)

Cafedev

Hello Cafedev

Trong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu:

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

2. Màu nền(Background Color)

3. Màu chữ(Text Color)

Cafedev.vn

4. Mầu viền(Border Color)

 
Hello World
cafedev.vn...
 

Cafedev

3. Màu chữ(Text Color)

4. Mầu viền(Border Color)

Cafedev.vn

4. Mầu viền(Border Color)

Cafedev

 
Hello World
Cafedev.vn...
HCM...
 

Cafedev

4. Mầu viền(Border Color)

Cafedev

Cafedev

Hello Cafedev

Cafedev
Cafedev
Hello Cafedev
 

Cafedev

Hello Cafedev

Trong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu:

Tomato

#ff6347

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Cafedev

...
...
...

...
...
 

Hello Cafedev

Trong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu:

• Tomato
• Orange
• DodgerBlue
• MediumSeaGreen
• Gray
• SlateBlue
• Violet
• LightGray

Lưu ý: trên đây chỉ là 1 trong nhiều tên màu có sẵn trong html mà thôi.

Bạn có thể tham khảo đầy đủ ở đây bao gồm 140 tên màu

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

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

Về bài wikiHow này

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: 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ữ. Đâ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. 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 "" ở phía trước. Ví dụ, nếu nội dung là đề mục, bạn sẽ thấy "

   " ở phía trước. (adsbygoogle = window.adsbygoogle || []).push({}); 5Thê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 bên dưới thẻ "", ấn ↵ Enter, nhập bên dưới thẻ "", ấ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: Bạn sẽ thực hiện việc này bằng cách nhập bên dưới thẻ "", ấn ↵ Enter, nhập bên dưới thẻ "", ấ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: 6Nhập thẻ kiểu "color" (màu). Nhấp vào khoảng trống giữa các thẻ "", rồi nhập đoạn mã sau (bạn nhớ thay red bằng mã màu và "" bằng thẻ dành cho nội dung mà bạn muốn tạo màu): Nhấp vào khoảng trống giữa các thẻ "", rồi nhập đoạn mã sau (bạn nhớ thay red bằng mã màu và "" bằng thẻ dành cho nội dung mà bạn muốn tạo màu): 7Xem lại văn bản. Phần đề mục của trang sẽ trông giống như sau: Phần đề mục của trang sẽ trông giống như sau: 8Hợ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: 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: Quảng cáo 1Chọ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: 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. (adsbygoogle = window.adsbygoogle || []).push({}); 2Mở 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. Đâ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. 3Tì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. 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. 4Thê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] 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] 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 tại đó. Nhấp vào bên phải nội dung cần tạo màu rồi nhập tại đó. Đây là nội dung màu đỏ! Quảng cáo 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.

   • 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.

   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.

   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]