Cách Làm Cho Một Biểu Ngữ Có Thể Nhấp được

Mục lục:

Cách Làm Cho Một Biểu Ngữ Có Thể Nhấp được
Cách Làm Cho Một Biểu Ngữ Có Thể Nhấp được

Video: Cách Làm Cho Một Biểu Ngữ Có Thể Nhấp được

Video: Cách Làm Cho Một Biểu Ngữ Có Thể Nhấp được
Video: LÀM SAO ĐỂ HỌC CẢ NGÀY I Cách học 8-14 tiếng một ngày 2024, Có thể
Anonim

Mặc dù mức độ phổ biến đã giảm đáng kể kể từ khi ra đời, nhưng biểu ngữ ngày nay vẫn là một trong những phương tiện quảng cáo chính trên Internet. Biểu ngữ đơn giản nhất là một hình ảnh đơn giản. Nhưng để nó thực hiện đầy đủ chức năng của mình, bạn cần phải làm cho nó có thể nhấp được.

Cách làm cho một biểu ngữ có thể nhấp được
Cách làm cho một biểu ngữ có thể nhấp được

Nó là cần thiết

khả năng thay đổi đánh dấu của trang web

Hướng dẫn

Bước 1

Làm cho biểu ngữ có thể nhấp được bằng cách đặt nó trong một siêu liên kết. Sử dụng phần tử HTML A. Thêm thẻ bắt đầu có thuộc tính href trỏ đến tài nguyên đích cũng như thẻ kết thúc. Ví dụ: Đây là cách đơn giản nhất và được sử dụng phổ biến nhất để thêm biểu ngữ vào trang web. Thực tế, hình ảnh ở đây là mỏ neo của liên kết.

Bước 2

Áp dụng bản đồ ứng dụng khách để tạo nhiều điểm phát sóng trong hình ảnh biểu ngữ. Trong phần đánh dấu HTML của tài liệu của bạn, hãy thêm phần tử MAP với thuộc tính tên chỉ định tên của bản đồ. Trong MAP, đặt một hoặc nhiều vùng con với các thuộc tính href, shape và coords chính xác. Ví dụ: Đối với phần tử IMG xác định biểu ngữ, hãy thêm thuộc tính usemap tham chiếu đến bản đồ ứng dụng khách. Ví dụ: Phương pháp này cho phép bạn sử dụng một biểu ngữ để chuyển hướng người dùng đến các tài nguyên khác nhau, tùy thuộc vào khu vực nào đã được kích hoạt.

Bước 3

Sử dụng khả năng xử lý các sự kiện đầu vào của người dùng bằng các tập lệnh máy khách để bắt đầu quá trình chuyển sang tài nguyên khác khi nhấp vào biểu ngữ. Đặt trình xử lý onclick thành phần tử tài liệu thích hợp. Điều này có thể được thực hiện bằng cách thêm thuộc tính onclick vào đánh dấu HTML: hoặc trực tiếp từ tập lệnh: Phương pháp này cho phép bạn kiểm soát linh hoạt quá trình chuyển hướng của người dùng khi nhấp vào biểu ngữ, nhưng nó không hoạt động khi tập lệnh bị tắt trong trình duyệt.

Bước 4

Nhúng biểu ngữ vào trang web bằng cách sử dụng phần tử INPUT của loại hình ảnh có trong biểu mẫu để làm cho nó có thể nhấp được. Phần tử INPUT có thuộc tính type của hình ảnh xác định nút gửi đồ họa. Địa chỉ tài nguyên hình ảnh được chỉ định bởi thuộc tính src. Ví dụ: Việc áp dụng phương pháp hiển thị biểu ngữ này mang lại cơ hội lớn. Vì vậy, bạn có thể gửi một lượng lớn dữ liệu bổ sung đến máy chủ bằng cách sử dụng các trường ẩn, đặc biệt là sử dụng yêu cầu POST để gửi biểu mẫu. Bạn có thể thực hiện một số hành động trên biểu mẫu trước khi gửi bằng cách chỉ định một trình xử lý gửi đi. Được phép gán một bản đồ máy khách cho một hình ảnh nút bằng cách sử dụng thuộc tính usemap.

Đề xuất: