Click vao link sau:
Kết bạn nhấn chuột vào hình ảnh, bạn tới trang liên kết hình ảnh Click vao link sau: Đó cách đơn giản để tạo đường link sử dụng hình ảnh Tiếp theo học cách tạo Đường link sử dụng hình ảnh có độ nhạy chuột - Mouse-Sensitive Image Links Hình ảnh nhạy chuột HTML Chuẩn HTML XHTML cung cấp tính mà cho bạn nhúng nhiều link khác hình ảnh đơn Bạn tạo link khác sở liên kết khác có hình ảnh Khi link khác đính kèm tới tọa độ khác nhau, nhấn chuột vào phần khác ảnh để mở trang tọa độ Những hình ảnh có độ nhạy chuột gọi Image Map Có cách để tạo Image Map: • Image Map Server - Được kích hoạt thuộc tính imap thẻ yêu cầu quyền truy cập vào Server ứng dụng xử lý liên quan đến Image Map http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright â vietjack.com Image Map trờn Client - Được tạo với thuộc tính usemap thẻ , song song tương ứng với thẻ Image Map Server Tại bạn dễ dàng đăt hình ảnh bạn vào siêu liên kết sử dụng thuộc tính ismap tạo hình ảnh đặc biệt Khi người sử dụng nhấn vào địa điểm ảnh, trình duyệt thơng qua tọa độ trỏ chuột với xác định địa URL thẻ để tới Server Server sử dụng liên kết trỏ chuột để xác định tài liệu (web) trả lại trình duyệt Khi ismap sử dụng, thuộc tính href chứa thẻ phải chứa địa URL ứng dụng Server giống cgi PHP script … để xử lý yêu cầu sở liên kết Các liên kết vị trí chuột tính tốn Pixel từ góc bên trái ảnh, bắt đầu với (0,0) Các liên kết mà đặt trước dấu hỏi thêm vào phần cuối URL Ví dụ, người sử dụng nhấn vào (20,30) từ góc bên trái ảnh: Click vao link sau: Nó tạo đoạn trích code sau: Vi du Image Map HTMLClick vao link sau:
Sau trình duyệt gửi tham số tìm kiếm tới Server mà xử lý ismap.cgiscript map file bạn liên kết tài liệu (web) bạn thích tới liên kết này: /index.jsp?20,30 http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com Theo cách bạn gán link khác tới tọa độ khác hình ảnh tọa độ được nhấn chuột vào, bạn mở web tương ứng Để hiểu rõ thuộc tính ismap, bạn theo dõi Cách sử dụng Image ismap? Ghi chú: Bạn học chương trình CGI Perl hướng dẫn riêng Còn bạn nên tập trung vào HTML Image Map Client Image Map Client cho phép thuộc tính usemap thẻ định nghĩa thẻ mở rộng đặc biệt and Hình ảnh dự định để tạo đồ chèn vào trang sử dụng thẻ coi hình ảnh thơng thường, trừ mang thêm thuộc tính usemap Giá trị thuộc tính usemap sử dụng để thẻ liên kết với thẻ map image Thẻ với thẻ xác định tất tọa độ ảnh link tương ứng Thẻ thẻ map xác định hình khối tọa độ để xác định ranh giới lần nhấn chuột vào hình ảnh Sau ví dụ: Vi du USEMAP HTMLTim kiem va click vao mot vi tri tren hinh anh sau
Hệ tọa độ HTML Giá trị thực tọa độ phụ thuộc hồn tồn vào hình khối câu hỏi Dưới tóm tắt sơ lược rect = x1 , y1 , x2 , y2 x1 y1 tọa độ góc bên trái hình chữ nhật; x2 y2 tọa độ góc bên phải circle = xc , yc , radius xc yc tọa độ trung tâm vòng tròn, radius bán kính vòng tròn Một vòng tròn trung tâm 200,50 với bán kính 25 có thuộc tính coords="200,50,25" poly = x1 , y1 , x2 , y2 , x3 , y3 , xn , yn http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com Các cặp x-y xác định đỉnh hình đa giác, với dòng vẽ từ điểm đến điểm khác Và điểm rộng có thuộc tính coords="20,20,40,40,20,60,0,40" Tất tọa độ có quan hệ với góc bên trái ảnh (0,0) Mỗi hình có URL tương ứng Bạn sử dụng hình ảnh phần mềm để thấy tọa độ vị trí khác Loạt hướng dẫn học lập trình HTML nâng cao dựa nguồn tài liệu của: Tutorialspoint Follow https://www.facebook.com/vietjackteam/ để tiếp tục theo dõi loạt Java,C,C++,Javascript,HTML,Python,Database,Mobile Click http://click.accesstrade.vn/adv.php?rk=0002k20003u4 để đăng ký tham gia khóa học trực tuyến tất ngơn ngữ lập trình, thiết kế web, photoshop tổ hợp công nghệ giáo dục TOPICA, để ủng hộ cho website vietjack.com http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 ... từ góc bên trái ảnh: Click vao link sau: Nó tạo đoạn trích code sau: Vi du Image Map HTML< /title>Click vao link sau:
Vi du USEMAP HTML< /title>Tim kiem va click vao mot vi tri tren hinh anh sau
... tính ismap, bạn theo dõi Cách sử dụng Image ismap? Ghi chú: Bạn học chương trình CGI Perl hướng dẫn riêng Còn bạn nên tập trung vào HTML Image Map Client Image Map Client cho phép thuộc tính usemap