Các liên kết ảnh hưởng đáng kể đến sự xuất hiện của một trang web. Cho dù đó là trang web hay blog của bạn, các liên kết được tùy chỉnh đẹp mắt sẽ thay đổi thiết kế trang web của bạn tốt hơn. Ngay cả khi không có kiến thức về html và css, việc tạo một liên kết đẹp cũng khá dễ dàng.
Hướng dẫn
Bước 1
Trước hết, hãy tạo một liên kết thông thường. Điều này được thực hiện bằng cách sử dụng mã sau: tên liên kết. Trong mã này, thẻ là một liên kết. Thuộc tính "href" của nó cho biết địa chỉ của trang mà liên kết dẫn đến. Thay vì "tiêu đề liên kết", hãy viết một từ hoặc cụm từ sẽ đại diện cho liên kết
Bạn cũng có thể thêm văn bản sẽ xuất hiện khi bạn nhấp vào liên kết. Thuộc tính "title" của thẻ sẽ giúp bạn điều này.
Bước 2
Bây giờ chúng ta hãy bắt đầu liên kết. Cách dễ nhất để làm điều này là trong các tờ kiểu xếp tầng (css). Mở tệp chứa các kiểu cho trang web của bạn và viết thêm mã vào đó. Ngoài ra, bạn có thể chèn các kiểu trực tiếp vào trang html. Để làm điều này, hãy sử dụng mã tùy chỉnh kiểu trang web.
Bước 3
Hãy đi xuống thiết kế. Cú pháp cho mục nhập sẽ là {tham số kiểu}. Tôi nên viết gì ở đây?
Đầu tiên, thay đổi màu sắc của các liên kết theo ý thích của bạn. Mã này sẽ giúp bạn điều này:
một {màu: # 00000;}. Tất nhiên, thay vì "# 00000", bạn phải chèn màu của riêng mình. Bạn có thể tìm mã màu ở dạng này trong các chương trình đồ họa khác nhau (ví dụ: trong Photoshop) hoặc tìm bảng màu trên web.
Bước 4
Theo mặc định, trình duyệt tạo các liên kết được gạch chân. Điều này có thể được hủy bằng mã sau: a {text-decoration: none;}
Để tạo các liên kết đậm, hãy sử dụng tham số font-weight: bold;. Nó được chèn vào mã kiểu giống như màu sắc, gạch chân.
Bước 5
Bạn có thể nhận thấy rằng trên một số trang web, khi bạn di chuột qua một liên kết, hình thức của nó sẽ thay đổi. Bạn cũng có thể làm nó như vậy. Đoạn mã như thế này sẽ giúp bạn: a: hover {style parameter}. Các tham số được chỉ định theo cách tương tự như đối với một liên kết thông thường, giá trị duy nhất là lớp giả "hover", thông báo cho trình duyệt rằng các cài đặt này sẽ được áp dụng khi di chuột qua liên kết.
Tương tự, bạn có thể đánh dấu các liên kết đã truy cập: a: đã truy cập {thông số kiểu}
