Bài viết này hướng dẫn cách sử dụng màu sắc trong website bằng HTML một cách đơn giản và dễ dàng. Màu sắc đóng một vai trò quan trọng trong việc tạo ra các trang web để nhìn và cảm thấy tốt. Không có thẻ riêng lẻ được tích hợp trong HTML; . Chính xác, màu sắc được nhúng trong các thành phần HTML bằng Cascading Style Sheet (CSS). Màu sắc mang lại vẻ trang nhã cho trang web. Thêm màu cho trang web bao gồm đặt màu nền, bảng, đoạn văn, v.v.

Làm cách nào để Đặt màu nền trong HTML?

Làm sáng màu nền giúp trang web trông đẹp và đậm hơn. Nó được thực hiện bằng cách sử dụng màu sắc, mã màu Hex. Giá trị màu RGB và RGBA (Giá trị Alpha từ 0 đến 1)

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (84.587 xếp hạng)

Màu hex được áp dụng trực tiếp cho mã Html bằng cách sử dụng thuộc tính Style bên trong phần tử body của Html. Hex là sự kết hợp của cả số và chữ. Dưới đây là ví dụ minh họa Màu nền trên trang web

Mã số

 This page is a demo 

Đoạn mã

Để thêm màu nền, bạn có thể sử dụng thuộc tính bgcolor để hiển thị < body bgcolor=’ ‘>. Nó tương thích với tất cả các trình duyệt ngoại trừ HTML 5

Mã số

Color Name
Hexadecimal
RGB Value

Làm cách nào để áp dụng màu cho văn bản trong HTML?

Áp dụng màu cho văn bản HTML khá dễ dàng; . Sau đây là ba kỹ thuật khác nhau để áp dụng màu cho các trang web tương ứng

1. Tên màu

Điều này khá đơn giản bằng cách sử dụng tên màu tiếng Anh khi ứng dụng chuyển tiếp thẳng, những tên màu này được sử dụng. Chỉ định tên màu là phương pháp trực tiếp và W3C đã công bố 16 màu cơ bản (Đen, vàng, đỏ, Maroon, Xám, Vôi, Xanh lục, Ô liu, Bạc, Thủy, Xanh lam, Hải quân, Trắng, Tím, Fuchsia, Teal)

2. HSL

Giá trị màu bão hòa và độ sáng của Huế. Sắc độ được xác định từ 0 đến 360 độ, độ bão hòa và độ sáng từ 0 đến 100 %

3. Màu lục giác

Để có được kết quả chính xác, số thập lục phân có sáu chữ số được áp dụng. Để giải thích chi tiết, hai chữ số đầu tiên biểu thị màu Đỏ, hai chữ số tiếp theo biểu thị màu Xanh lục, hai chữ số còn lại biểu thị giá trị Màu xanh lam và đứng trước '#'

Ví dụ sau giải thích các cách áp dụng màu khác nhau cho tài liệu

Mã số

EDUCBA
List of operating System

 Windows
MACINTOSH
LINUX
UBUNTU

đầu ra

Có nhiều phương pháp khác nhau để tạo màu văn bản vì HTML có rất nhiều ứng dụng có thể tùy chỉnh

• Áp dụng phần phong cách
• Tạo một biểu định kiểu CSS riêng lẻ
• Gói văn bản

How to Apply Text Color using Section?

Hãy cho chúng tôi xem các phương pháp khác nhau để sử dụng màu HTML

1. Gói sử dụng màu HTML

Đoạn mã dưới đây đổi màu chữ trong đoạn văn bản bằng mã HTML đơn giản. Có 140 tên màu để tô màu cho các trang web

Below code demonstrates how to apply text color using

The styles for Html documents

Each tag to be styled with colors.

đầu ra

5. Tạo kiểu CSS riêng lẻ

Mã số

tệp html

  CSS style sheet
Multiple HTMl Document.
Hello world!

Màu tệp CSS bên ngoài. css

Mã số

________số 8

đầu ra

Làm cách nào để Đặt màu đường viền trong HTML?

It is done using an attribute border color=” “. It is done using the Html element

and even we can create 3D effects. The border color is applied using different attributes like border= “width”, bordercolor= “color def”, bordercolorlight=” “. CSS has some enhanced border properties that help in creating borders. The below example shows setting a single border color to the corresponding table. Here denotes table row and

denotes table data and it is started using tag. And the border for them is applied using their width and colors Mã số Chicago new york Texas California đầu ra Bây giờ hãy xem cách đặt hai màu viền riêng biệt. Đoạn mã dưới đây sử dụng thuộc tính bảng với các phần tử của chúng Mã số Color Name Hexadecimal RGB Value 0 đầu ra Using tag It is used to group all the elements and helps in view of a web page at its particular position. In the below code, we have used two one for a paragraph and the other to implement style attribute by setting border pixels and thickness is increased by giving out the width, and we have added padding to demonstrate them to the left. Mã số Color Name Hexadecimal RGB Value 1 đầu ra Ví dụ. Phần này giải thích cách đặt màu cho phần đệm và lề bằng các thẻ lớp và danh sách Mã số Color Name Hexadecimal RGB Value 2 đầu ra Làm cách nào để chỉ định màu bằng cách sử dụng các giá trị trong HTML? Các giá trị màu cơ bản thay đổi từ 0 đến 255 cho màu đỏ, xanh dương, xanh lục. Giá trị màu sắc rất quan trọng trong việc đưa ra độ sáng Bảng bên dưới hiển thị các giá trị mẫu cho các màu Ví dụ. Ví dụ bên dưới hiển thị các giá trị màu khác nhau trong cài đặt nền của chúng Mã số Color Name Hexadecimal RGB Value 3 đầu ra Làm cách nào để sử dụng Giá trị màu RGB trong HTML? RGB biểu thị trực tiếp các màu Đỏ, Xanh lam và sử dụng chức năng RGB. Nó lấy ba giá trị đó làm tham số và đôi khi khai báo chúng dưới dạng số nguyên theo tỷ lệ phần trăm. Cho dù chúng ta muốn màu nào, cường độ của nó được cho giá trị cao hơn 255 vì giá trị số nguyên nằm trong khoảng từ o đến 255. Chẳng hạn, để có màu xanh lam, ưu tiên biểu thị (0,0,255). ở đây hai giá trị đầu tiên được đánh dấu là 0,0 và giá trị cuối cùng là 255 cho màu xanh lam Ví dụ. màu RGB Mã số Color Name Hexadecimal RGB Value 4 đầu ra Làm cách nào để chỉ định độ sáng của màu trong HTML? Độ đậm nhạt của màu sắc được xác định bởi độ sáng mà chúng ta ưa thích; . Hầu hết các nhà thiết kế web muốn sử dụng độ sáng hơn RGB, có thể điều chỉnh theo yêu cầu. Ở đây, màu đen đặt độ sáng thành 0%, màu trắng được đặt thành 100%. Nó được chỉ định bằng hàm hsl() Mã số Color Name Hexadecimal RGB Value 5 đầu ra Bạn có thể thử với các giá trị khác nhau cho màu sắc trong ví dụ trên Kết luận – Màu HTML Do đó, để kết luận, chúng ta đã thấy rằng điều này có các thuộc tính khác nhau. Trước đây, phát triển web có nhiều cách để chỉ định màu cho trang web của họ và ngày nay, các cách phối màu phổ biến nhất là mã màu RGB và Hex (RGB nổi tiếng). Có nhiều ứng dụng khác nhau mà màu sắc được triển khai, như thang trượt, bảng màu, v.v. Bài viết được đề xuất Đây là hướng dẫn về Màu HTML. Ở đây chúng tôi thảo luận về phần giới thiệu, cách đặt màu nền trong HTML, cách áp dụng màu cho văn bản trong HTML, v.v. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm – Màu nền trong HTML là gì? Màu nền mặc định trong HTML là trong suốt . Các màu có sẵn trong HTML là gì? Màu sắc trong HTML. một tên màu. HTML được sử dụng để nhận dạng 16 tên màu ( "đen", "trắng", "xám", "bạc", "màu hạt dẻ", "đỏ", "tím", "fushsia", " . ), but new browsers can recognize 147 CSS3 color names. 16 màu trong HTML là gì? World Wide Web Consortium (W3C) đã liệt kê 16 tên màu hợp lệ cho HTML và CSS. màu xanh nước biển, đen, xanh dương, hoa vân anh, xám, xanh lá cây, vàng chanh, màu hạt dẻ, xanh nước biển, ô liu, tím, đỏ, bạc, xanh mòng két, trắng và vàng . Có bao nhiêu màu có sẵn trong HTML CSS? Tên màu CSS . 140 standard color names. Đọc tiếp