Nếu trình duyệt của khách truy cập trang web không tìm thấy bất kỳ dấu hiệu nào về thiết kế màu sắc của các siêu liên kết trong mã trang, thì nó sẽ sử dụng các giá trị mặc định. Các giá trị này có màu xanh lam cho các liên kết thụ động, màu đỏ cho các liên kết hoạt động (khi di chuột) và màu đỏ tươi cho các liên kết đã được truy cập. Bảng màu này không phải lúc nào cũng được kết hợp với bảng màu của thiết kế trang, do đó, một khối mô tả kiểu liên kết thường được bao gồm trong mã.
Hướng dẫn
Bước 1
Tạo một tập hợp các hướng dẫn cho trình duyệt sẽ mô tả các màu liên kết ở ba trạng thái. Ví dụ: nó có thể trông như thế này: a: link {color: Red;}
a: đã thăm {color: Yellow;}
a: hover {color: Orange;} Ở đây, "a" ở đầu mỗi dòng được gọi là "bộ chọn" và chỉ định thẻ mà trình duyệt sẽ áp dụng mô tả kiểu được đặt trong dấu ngoặc nhọn. "A" là thẻ siêu liên kết. Từ được thêm vào bộ chọn được phân tách bằng dấu hai chấm được gọi là "lớp giả" -mà trình duyệt sử dụng để xác định trạng thái liên kết mà kiểu trong dấu ngoặc nhọn thuộc về. liên kết khớp với một liên kết thông thường, đã truy cập vào một liên kết đã được truy cập và di chuột qua một liên kết khi con trỏ di chuột qua nó. Các màu được gán cho tham số màu bên trong dấu ngoặc nhọn có thể được chỉ định bằng tên của bóng màu hoặc theo mã thập lục phân của nó.
Bước 2
Nếu bạn cần chỉ định các màu khác nhau cho các nhóm liên kết khác nhau trên trang, thì hãy chỉ định cho mỗi nhóm một ký hiệu riêng ("lớp") và tạo mô tả riêng về các kiểu cho mỗi nhóm. Ví dụ, đặt tên cho một nhóm là LinksRed và LinksGreen khác. Sau đó, mô tả kiểu sẽ giống như sau: a. LinksRed: link {color: Red;}
a. LinksRed: đã ghé thăm {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: đã ghé thăm {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Và trong các thẻ liên kết của mỗi nhóm, bạn phải cho biết chúng thuộc lớp nào. Ví dụ: Liên kết đỏ
Liên kết xanh
Bước 3
Các hướng dẫn này được viết bằng CSS (Cascading Style Sheets), vì vậy chúng cần được đặt bên trong thẻ định kiểu để phân tách chúng với các hướng dẫn khác trong mã nguồn của trang, được viết bằng HTML (Ngôn ngữ đánh dấu siêu văn bản):
a. LinksRed: link {color: Red;}
a. LinksRed: đã ghé thăm {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: đã ghé thăm {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Bước 4
Đặt khối mô tả kiểu liên kết đã chuẩn bị sẵn trong phần tiêu đề của mã nguồn trang - khối này được phân cách bằng các thẻ và.
