programming html

Hướng dẫn click hình ảnh html

Dịch vụ Marketing Online Tigobiz

Trong đó

href=”//tigobiz.com”: Link click ra
target=”_blank” : Để click hiển thị ra cửa sổ mới
title=”Click để vào Webstie tigobiz.com”: chữ hiển thị khi rê chuột vào chữ

Và ta sẽ có kết quả như sau:
Dịch vụ Marketing Online Tigobiz

Chữ hiểu thị sẽ là Dịch vụ Marketing Online Tigobiz và click vào link sẽ ra link của //tigobiz.com

Chèn link vào ảnh trong html

Tương tự việc chèn link vào chữ thì chèn link vào ảnh các bạn cũng làm tương tự.

HTML Code:

Các thuộc tính cũng y như trên, bạn chỉ cần thay đôi đường link và đường dẫn hình ảnh là có thể tạo 1 liên kết link khi click vào hình ảnh

Kết quả là khi bạn nhấn chuột vào hình ảnh, bạn sẽ tới trang được liên kết bởi hình ảnh đó.

Click vao link sau:

Sau đó trình duyệt gửi các tham số tìm kiếm tới Server mà có thể được xử lý bởi ismap.cgi script hoặc map file và bạn có thể liên kết bất cứ tài liệu [web] nào bạn thích tới những liên kết này:

../index.jsp?20,30

Theo cách này bạn có thể gán các link khác nhau tới các tọa độ khác nhau của hình ảnh và khi các tọa độ được được nhấn chuột vào, bạn có thể mở các web tương ứng. Để hiểu rõ hơn về thuộc tính ismap, bạn có thể theo dõi trong Cách sử dụng Image ismap?

Ghi chú: Bạn sẽ học về chương trình CGI và Perl trong một bài hướng dẫn riêng. Còn ở đây bạn nên tập trung vào HTML.

Quảng cáo

Image Map trên Client

Image Map trên Client được cho phép bởi thuộc tính usemap của thẻ

Quảng cáo

Hệ tọa độ trong HTML

Giá trị thực sự của các tọa độ phụ thuộc hoàn toàn vào hình khối trong câu hỏi. Dưới đây là tóm tắt sơ lược.

rect = x1 , y1 , x2 , y2

x1 và y1 là các tọa độ góc trên bên trái của hình chữ nhật; x2 và y2 là các tọa độ góc dưới bên phải.

circle = xc , yc , radius

xc và yc là các tọa độ ở trung tâm của vòng tròn, và radius là bán kính vòng tròn. Một vòng tròn trung tâm tại 200,50 với bán kính 25 sẽ có thuộc tính coords="200,50,25"

poly = x1 , y1 , x2 , y2 , x3 , y3 , ... xn , yn

Các cặp x-y xác định các đỉnh của hình đa giác, với một dòng được vẽ từ một điểm đến điểm khác. Và các điểm rộng nhất có thuộc tính coords="20,20,40,40,20,60,0,40".

Tất cả các tọa độ đều có quan hệ với góc trên bên trái của ảnh [0,0]. Mỗi hình có một URL tương ứng. Bạn có thể sử dụng các hình ảnh trong phần mềm để thấy tọa độ của các vị trí khác nhau.

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team //www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền //www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Chèn link vào ảnh trong html

Image Map trên Client

Hệ tọa độ trong HTML

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề