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ố
My Sample
HTML BG Color
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
h1{
color:#97cae0;
background-color: hsl[200, 50%, 20%];
color: hsl[200, 20%, 90%];
}
h4{
color:rgb[0, 255, 0];
background-color: hsl[130, 10%, 30%];
color: hsl[280, 20%, 80%];
}
li{
color:rgba[12, 88, 120, 1];
background-color: hsl[210, 36%, 50%];
color: hsl[145, 45%, 81%];
}
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 section.
Mã số
Text color
HTML BG Color
changing text color
This content is very clear
pink paragraph text
đầu ra
2. Sử dụng HEXCOLOR
Một lần nữa, ví dụ này lấy phần kiểu để khai báo màu hex theo sau là ký hiệu '#'
Mã số
Color Picker
changing text color
hello world
Hexa paragraph text
đầu ra
3. Sử dụng màu RGB
Mỗi màu đỏ, lục, lam sử dụng 8 bit và giá trị của chúng thay đổi từ 0 đến 255, tạo ra nhiều màu khác nhau. Ví dụ dưới đây chọn màu RGB theo giá trị của chúng
Mã số
Color Picker
Blue paragraph text
đầu ra
4. Phương pháp sử dụng Style Sheet
Mã số
Style Sheet in HTML
@import url["//cdn.educba.com/examples/css/style.css"];
p {
color: green;
font-size: 26px;
}
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
denotes table data and it is started using
đầ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ố 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ố 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ố 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ố 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ố 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ố 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 HTMLDo đó, để 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.
Chủ Đề |