Quackit HTML

Bạn có thể quen thuộc với các liên kết HTML, nơi bạn liên kết đến một trang web khác. Nhưng bạn có biết rằng bạn cũng có thể tạo liên kết CSS không?

OK, các liên kết CSS thực sự là các liên kết HTML - được ngụy trang

Liên kết CSS là gì?

Khi chúng tôi nói "liên kết CSS", hầu hết mọi người (hoặc ít nhất là hầu hết các nhà phát triển web) nghĩ về các siêu liên kết có giao diện và/hoặc hoạt động khác với các liên kết HTML thông thường. Thực sự có một thẻ HTML link cho phép bạn liên kết với một biểu định kiểu bên ngoài, nhưng đó không phải là điều chúng ta sẽ nói ở đây

Thông thường, các liên kết CSS sẽ có hiệu ứng "di chuột qua" khi bạn di chuyển con trỏ qua liên kết. Đôi khi một liên kết CSS sẽ bị xóa phần gạch chân. Trang này khám phá một số hiệu ứng phổ biến mà bạn có thể đạt được với các liên kết CSS

Di chuột qua hiệu ứng

Có lẽ việc sử dụng CSS phổ biến nhất trên các siêu liên kết là để tạo hiệu ứng "di chuột qua" đó. Thông thường, liên kết sẽ đổi màu khi người dùng di chuyển chuột để con trỏ di chuyển qua liên kết. Đôi khi gạch dưới sẽ biến mất (hoặc xuất hiện) khi liên kết được di chuột qua. Tuy nhiên, bạn không bị giới hạn chỉ với những hiệu ứng này. Với di chuột qua, bạn có thể chỉ định bất kỳ kiểu nào mà CSS cho phép. Bạn có thể in đậm văn bản, in nghiêng, tăng kích thước, thay đổi màu nền. bất cứ điều gì. Phải nói rằng, bạn nên chú ý đến giao diện của nó trong tất cả các trình duyệt. Thay đổi kích thước hoặc trọng lượng phông chữ có thể dẫn đến bố cục nhảy xung quanh (do khối lượng phông chữ tăng lên)

Dù sao, hiệu ứng di chuột qua được thực hiện bằng cách sử dụng lớp giả CSS a:hover. Bạn có thể theo bộ chọn này với bất kỳ kiểu nào bạn muốn. Dưới đây là một số ví dụ

Thí dụ

Mã nguồnKết quả

Hướng dẫn trang web tuyệt vời

  • Học HTML
  • Học CSS
  • Học JavaScript
  • Tìm hiểu ColdFusion
  • Tìm hiểu cơ sở dữ liệu
  • Học SQL
  • Học PHP

Nút di chuột

Bạn có thể áp dụng lớp giả hover cho bất kỳ thẻ nào - nó không nhất thiết phải là thẻ neo. Điều này có nghĩa là thật dễ dàng để tạo nút CSS với hiệu ứng di chuột qua. Chỉ cần tạo một nút chẳng hạn như thẻ div, sau đó áp dụng thẻ giả hover cho div. Hoặc, nếu bạn muốn sử dụng danh sách cho menu của mình, hãy di chuột qua thẻ li

Thí dụ

Mã nguồnKết quả
  • Thẻ HTML
  • Thẻ HTML5
  • Thuộc tính CSS

Liên kết hoạt động

Bạn cũng có thể thay đổi kiểu liên kết hoạt động. Đó là, các liên kết vừa được nhấp vào. Trong ví dụ sau, chúng tôi thay đổi hiệu ứng di chuột qua thành hiệu ứng liên kết hoạt động. Do đó, hiệu ứng phong cách không xảy ra cho đến khi người dùng nhấp vào liên kết

Nhấp vào từng liên kết bên dưới để xem điều gì sẽ xảy ra khi bạn nhấp vào liên kết đó

Mã nguồnKết quả

Hướng dẫn trang web tuyệt vời

  • Học HTML
  • Học CSS
  • Học JavaScript
  • Tìm hiểu ColdFusion
  • Tìm hiểu cơ sở dữ liệu
  • Học SQL
  • Học PHP

Liên kết đã truy cập

Liên kết đã truy cập là những liên kết mà người dùng đã truy cập trước đó. Cụ thể hơn, đó là một liên kết hiện có trong lịch sử duyệt web của trình duyệt

Bạn có thể thay đổi kiểu của các liên kết đã truy cập. Hầu hết các trình duyệt thay đổi màu sắc theo mặc định

Trong ví dụ bên dưới, biểu định kiểu chỉ định một màu cho siêu kết nối, nhưng nó chỉ định màu khác cho các liên kết đã truy cập. Để kiểm tra điều này, hãy nhấp vào một trong các liên kết, sau đó quay lại trang này (bạn có thể cần làm mới trang). Liên kết đã truy cập phải có màu khác với các liên kết chưa được truy cập. Tất nhiên, điều này giả định rằng bạn chưa từng truy cập các liên kết này trước đây. Nếu bạn có, trước tiên hãy làm mới lịch sử duyệt web của bạn

sitelike. org là một công cụ miễn phí để tìm kiếm và tìm các Trang web Tương tự, các lựa chọn thay thế hoặc có liên quan đến trang web đã cho
Nó giúp bạn tìm các trang web tương tự dựa trên sự trùng lặp từ khóa và đối tượng được chia sẻ
Nhóm của chúng tôi đang kiểm tra và tìm các trang web tương tự theo cách thủ công và khách truy cập của chúng tôi cũng đang giúp chúng tôi tìm các trang web tương tự tốt nhất
"Các trang web tương tự như" trước tiên tìm các từ khóa tốt nhất và hàng đầu cho tất cả các trang web và xếp hạng chúng

6
Đã truy cập gần đây. 12 lần

Tôi chăm sóc phần lớn các chiến dịch email mà chúng tôi gửi với tư cách là một công ty, tổng hợp chúng lại với nhau, v.v. Hiện tại, chúng tôi đang trả tiền cho một người làm việc tự do để thiết kế bất kỳ mẫu email mới nào cho chúng tôi trong studio thiết kế vì tôi không biết mã HTML và cách kết hợp chúng lại với nhau

Trong vài tháng qua, tôi đã tự học được một số điều nhỏ (cách thay đổi năm ở chân trang, thêm các cột bổ sung - sao chép và dán là một điều tuyệt vời. ), nhưng sẽ là một sự trợ giúp tuyệt vời cho tất cả chúng ta ở đây nếu tôi biết thêm một số điều và chỉ hiểu chung chung tất cả các mã và ký hiệu ngẫu nhiên có nghĩa là gì

Ai đó có thể giới thiệu bất kỳ nguồn tốt nào (trực tuyến hoặc trong cộng đồng Marketo) để giúp tôi tìm hiểu thêm không?

Tôi có thể viết mã HTML miễn phí ở đâu?

Trình chỉnh sửa HTML miễn phí tốt nhất năm 2023 .
Sổ tay ++
Văn bản tuyệt vời
Mã phòng thu trực quan
Adobe Dreamweaver CC
Froala
Tách cà phê

Làm cách nào để chèn hình ảnh vào HTML?

Thẻ HTML . Hình ảnh không được chèn kỹ thuật vào một trang web; . Thẻ

Làm cách nào để tạo trình tạo trong HTML?

Chúng ta sẽ tạo một hàm có tên là generate() . Hàm này có ba tham số — tiêu đề, url và thẻ. Nó sẽ lấy giá trị của tiêu đề, url và thẻ mà chúng ta đã nhập vào trường làm đối số. Hơn nữa, chúng tôi sẽ sử dụng chữ mẫu và chúng tôi sẽ nhúng tiêu đề, url & thẻ vào chuỗi.

Làm cách nào để lấy mã HTML?

Để chỉ xem mã nguồn, nhấn Ctrl + U trên bàn phím máy tính của bạn. Nhấp chuột phải vào phần trống của trang web và chọn Xem nguồn từ menu bật lên xuất hiện .