Làm cách nào để tạo bản đồ hình ảnh HTML?

Khi một liên kết được thêm vào một hình ảnh trong Ngôn ngữ đánh dấu siêu văn bản (HTML), liên kết đó được thêm vào toàn bộ hình ảnh.Đây có thể là một vấn đề nếu lập trình viên muốn tạo một hình ảnh duy nhất với một số khu vực hoặc nút và mỗi khu vực được sử dụng cho một liên kết khác nhau.Bản đồ hình ảnh HTML cho phép lập trình viên chỉ định một số khu vực nhất định nơi liên kết sẽ đi, cho phép anh ta hoặc cô ta nhúng một số liên kết vào một hình ảnh.Điều này được thực hiện bằng cách chỉ định một hình dạng cho liên kết và cho biết các tọa độ HTML sẽ được sử dụng cho liên kết. Hình ảnh được sử dụng cho Internet được đo bằng pixel.Biết có bao nhiêu pixel trong hình ảnh là bước thiết yếu đầu tiên để tạo bản đồ hình ảnh.Ví dụ, một hình ảnh hình chữ nhật đang được sử dụng có chiều cao 400 pixel và chiều rộng 250 pixel.Tiếp theo, lập trình viên phải biết cách đo chính xác hình dạng theo tọa độ cho bản đồ hình ảnh HTML hoạt động đúng.

góc trên cùng bên trái được gọi là 0,0 khi sử dụng bản đồ hình ảnh HTML.Góc dưới cùng bên phải trong trường hợp này sẽ là 250.400.Các phép đo được thực hiện với chiều rộng đầu tiên, và sau đó là chiều cao.Một cách dễ dàng để nghĩ về nó là phép đo đầu tiên đang nói với HTML cách bên phải đi từ cạnh trái và lần thứ hai là cách nói nó có bao nhiêu pixel xuống.Nếu lập trình viên muốn một điểm trên bản đồ là 10 pixel từ cạnh trái và xuống 50 pixel, tọa độ sẽ là 10,50.và đa giác.Rect là viết tắt của hình chữ nhật và trước tiên phải gõ tọa độ cho góc trên cùng bên trái và sau đó dưới cùng bên phải.Một vòng tròn được chỉ định bằng cách nhập các tọa độ nơi vòng tròn bắt đầu, và sau đó bán kính của vòng tròn.Một đa giác được tạo bằng cách gõ vào cả năm tọa độ, từ trên xuống bên phải. Mã hóa bản đồ hình ảnh HTML diễn ra như thế này:

lt; tên bản đồ ' test gt;

lt;10,50,20,60 gt;15,60,13,65,8,55 gt; Mỗi bản đồ hình ảnh HTML phải có tên và phần URL.html là liên kết mà phần đó của bản đồ hình ảnh sẽ dẫn người dùng khi nhấp vàoNó.Khi hình ảnh được đặt trên trang web với HTML, lập trình viên phải viết: usemap ' test.Điều này sẽ cho hình ảnh biết bản đồ hình ảnh HTML sẽ sử dụng.