Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> img{ border:1px solid #ccc; } </style> </head> <body> <h2>- Bạn hãy thử bấm vào các vùng: mắt, mũi, miệng !</h2> <img src="../image/face.png" usemap="#mat-mui-mieng"> <map name="mat-mui-mieng"> <area shape="circle" coords="149,203,30" href="../image/left-eye.png" download="con-mat-ben-trai"> <area shape="circle" coords="250,203,30" href="../image/right-eye.png" download="con-mat-ben-phai"> <area shape="rect" coords="169,245,228,286" href="../image/nose.png" download="cai-mui"> <area shape="rect" coords="162,292,237,336" href="../image/mouth.png" download="cai-mieng"> </map> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> img{ border:1px solid #ccc; } </style> </head> <body> <h2>- Bạn hãy thử bấm vào các vùng: mắt, mũi, miệng !</h2> <img src="../image/face.png" usemap="#mat-mui-mieng"> <map name="mat-mui-mieng"> <area shape="circle" coords="149,203,30" href="../image/left-eye.png" download="con-mat-ben-trai"> <area shape="circle" coords="250,203,30" href="../image/right-eye.png" download="con-mat-ben-phai"> <area shape="rect" coords="169,245,228,286" href="../image/nose.png" download="cai-mui"> <area shape="rect" coords="162,292,237,336" href="../image/mouth.png" download="cai-mieng"> </map> </body> </html>