W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>图像映射</h1> <p>点击计算机、电话或咖啡杯，跳转到新页面并了解更多相关信息：</p> <img src="/i/html/workplace.jpg" alt="工作场所" usemap="#workmap" width="400" height="379"> <map name="workmap"> <area shape="rect" coords="34,44,270,350" alt="计算机" href="/demo/html/computer.html"> <area shape="rect" coords="290,172,333,250" alt="电话" href="/demo/html/phone.html"> <area shape="circle" coords="337,300,44" alt="咖啡杯" href="/demo/html/coffee.html"> </map> </body> </html>