Thẻ màu HTML
|
HTML tags allow you many methods of incorporating color into your web document. You can set the main colors of the page using the Show Có hai phương pháp xác định màu trong thẻ HTML. Một là bằng cách đặt mã giá trị màu trong thẻ và cách khác là gán tên màu. Việc sử dụng tên màu dễ dàng hơn nhiều và sẽ hoạt động với hầu hết các trình duyệt. Nhưng mã giá trị màu sẽ giúp bạn kiểm soát nhiều hơn đối với màu của mình vì bạn không bị giới hạn ở một số tên màu nhất định Một trong hai phương pháp kết hợp màu này có thể được thực hiện đơn giản bằng cách gán giá trị vào thuộc tính "màu" của thẻ HTML thích hợp. Tên màuCác tên màu tiêu chuẩn mà hầu hết các trình duyệt đều có thể đọc được là xanh nước biển xám hải quân nước biển bạc đen xanh lá cây ô liu xanh mòng két xanh dương vàng chanh tím vàng fuchsia maroon đỏ trắng Nhiều người nhận ra rằng những màu này khá hạn chế và vì vậy những người đứng sau cả Netscape và Internet Explorer đã tạo ra nhiều tên màu hơn để sử dụng. Chúng được gọi là tên màu X11. Có quá nhiều tên màu này để liệt kê ở đây, nhưng một đại diện nhỏ của danh sách được hiển thị bên dưới. Ngoài ra, có tổng cộng 100 biến thể của màu xám mà bạn có thể sử dụng. Màu “grey1” là màu tối nhất và “màu xám100” là màu sáng nhất. Mặc định “màu xám” được hiển thị ở trên tương tự như “màu xám75” aliceblue beige chartreuse darkgoldenrod dodgerblue firebrick gainsboro honeydew hồng đậm ngà xanh lá cây vải lanh nửa đêmblue bạc hàlam oldren hoa phong lan đu đủ đu đủ peru nâu hồng cá hồi vỏ sò slateblue cây kế màu trắng Như bạn có thể thấy, một số tên màu khá kỳ quặc. Và chính xác thì sự khác biệt giữa “honeydew” và “mintcream” là gì? . Ngoài ra, không phải tất cả các trình duyệt đều có thể nhận ra các màu X11 này. Điều đó dẫn tôi đến… Giá trị màuNếu bạn muốn kiểm soát nhiều hơn màu nào sẽ được hiển thị hoặc nếu bạn cảm thấy mình bị giới hạn bởi các lựa chọn do tên màu đưa ra, thì bạn sẽ muốn sử dụng các giá trị màu để nhập vào trong các thẻ HTML của mình. Phương pháp này là cách duy nhất để khớp chính xác, chẳng hạn như nền với một màu nhất định trong ảnh. Một lưu ý là phương pháp này hơi khó hiểu hơn phương pháp tên màu Tất cả các giá trị màu được tạo trong thẻ HTML bằng một số thập lục phân có sáu chữ số trước ký hiệu băm (#). Ví dụ. “#FF0000” là màu đỏ. Con số này là đại diện của một giá trị màu được gọi là RGB, viết tắt của Red-Green-Blue. Vì vậy, hai chữ số đầu tiên đại diện cho màu đỏ, hai chữ số thứ hai đại diện cho màu xanh lá cây và hai chữ số cuối cùng, màu xanh lam Vậy thập lục phân nghĩa là gì? . Hệ thập lục phân sử dụng các chữ số từ 0 đến 9 bình thường cũng như thêm các chữ cái từ A đến F như trong bảng này Number0123456789101112131415Hexadecimal0123456789ABCDEF Vì vậy, để sử dụng các giá trị màu, trước tiên bạn cần biết giá trị RGB của màu của mình. (Nếu bạn sử dụng một chương trình như Adobe Photoshop, điều này có thể dễ dàng xác định. ) Mỗi một trong ba màu của một màu RGB sẽ chạy từ 0 (không màu) đến 255 (đầy đủ màu). Do đó toàn màu đỏ là 255, 0, 0; . Sự kết hợp này cho phép tạo ra 16 triệu biến thể khác nhau Khi bạn biết giá trị RGB, bạn sẽ cần chuyển đổi nó thành hệ thập lục phân bằng cách sử dụng công thức này. Chia mỗi giá trị cho 16 và nhân phần còn lại với 16 để có hai chữ số Ví dụ. Giả sử màu RGB của chúng ta là màu xanh lam xỉn ( ) có giá trị RGB là 106, 90, 205. Để tìm số thập lục phân tương đương, chúng ta chỉ cần chia từng giá trị cho 16 và nhân phần còn lại với 16. Do đó 106 chia cho 16 là 6. 625. và 16 nhân với 0. 625 là 10. Vì vậy, số thập lục phân đầu tiên (hoặc màu đỏ) là "6A". Số màu xanh là 90 chia cho 16 được 5. 625. Điều này làm cho số thập lục phân màu xanh lá cây "5A". Cho số màu xanh là 205; . 8125 và 16 lần 0. 8125 là 13. Vì vậy, tương đương thập lục phân màu xanh là "CD". Vì vậy, giá trị cuối cùng tương đương với RGB 106, 90, 205 là 6A5ACD. Số này sau đó có thể được cắm vào một thuộc tính HTML như this . May mắn thay, có một số công cụ bạn có thể tìm thấy trực tuyến hoặc tải xuống máy tính của mình sẽ chuyển đổi RGB thành màu thập lục phân. Ngoài ra, nhiều trình soạn thảo HTML như Macromedia Dreamweaver đã tích hợp sẵn các công cụ này. Một điều cuối cùngNhiều màn hình máy tính cũ và giá rẻ chỉ có thể hiển thị một số màu hạn chế. Bất kỳ màu nào nằm ngoài phạm vi này sẽ được hiển thị rất kém. Sự cố này rất phức tạp do sự khác biệt giữa PC, Unix/Linux và Mac và cách chúng hiển thị màu. Để khắc phục sự cố này, một bộ sưu tập các màu “An toàn trên web” đã được tạo ra. Những màu này an toàn khi sử dụng và sẽ không bị thay đổi bởi màn hình máy tính. Bảng màu của An toàn web được hiển thị bên dưới Thẻ màu trong HTML là gì?Bạn có thể chỉ định màu ở cấp độ trang bằng cách sử dụng thẻ hoặc bạn có thể đặt màu cho các thẻ riêng lẻ bằng thuộc tính bgcolor. bgcolor − đặt màu cho nền của trang. văn bản - đặt màu cho văn bản cơ thể.
Làm cách nào để tô màu văn bản trong HTML?Giá trị thuộc tính. . tên_màu. Nó đặt màu văn bản bằng cách sử dụng tên màu. Ví dụ. "màu đỏ" hex_number. Nó đặt màu văn bản bằng cách sử dụng mã màu hex. Ví dụ. “#0000ff” rgb_number. Nó đặt màu văn bản bằng cách sử dụng mã rgb. Ví dụ. “rgb(0, 153, 0)” |
