图片添加区域链接的基本写法
首先我们看一下效果：
要实现这样的功能，需要学习以下几点在html中设置图片。
1. 知道
基本结构
首先复制一个html框架html设置图片，命名为“图片区域link.html”，示例代码如下：
添加
html设置图片的基本结构，示例代码如下：
指定图片的路径html添加区域链接设置图片，如下：
让
标签定义了通过底部边框设置图像的区域 html。
2、图片区域的定义方式
它是用来定义一个区域的标签，area也有“区域”的意思，html设置图片。
默认的形状（shape）属性有“矩形（rect）”、“圆（circ）”和“多边形（poly）”三个值来设置html中的图像。
分别添加三个形状html设置图片，示例代码如下：
接下来我们要指定区域的参数，即图像上的位置和范围大小，以在html中设置图像。
添加coords属性，可以指定area html的位置和范围来设置图片。
如果 shape="rect" 则 coords 由四个参数组成，html 设置图片。 如coords=“0,0,50,50”。 从左到右，两两一组形成两个平面坐标，即(0,0)和(50,50)html设置图片位置，单位为“像素”，圆形面积如下：
如果 shape="circ", coords="50,50,10" html 设置图片。 (50,50) 定义圆的中心，10 是直径。 如图所示：
如果shape=“poly”，则coords参数不超过3对！ 注意是“对”！ 从左到右，两个数字是一组坐标，三组坐标可以确定一个三角形，多组坐标可以确定一个六边形的html设置图片。比如
这组参数绘制右图歼20的边框线（600像素*400像素html设置图，如果图像的长宽和质量发生变化，参数就会不正确），如图：
这时候html设置了图片html设置图片位置，你就会有一个问题：如何才能知道图像中某个像素点的坐标呢？
3.使用Gimp软件精确定位图像区域
使用Gimp软件可以解决html设置图片这个问题。
Gimp是一款类似于Photoshop的数字图像处理软件。 不同的是，Gimp 是一个开源且免费的 html 设置图像。
下载链接：}
双击安装，注意选择安装目录
html设置图片。
安装后打开
html设置图片，界面如下：
点击“文件”找到“打开”：
选择要打开的图片名称：
点击名字后
html设置图片，右侧会有图片预览，点击“打开”：
打开后如图：
将键盘放置在图像上的任意位置
html设置图片，看左下角：
这里会显示我们键盘所在的像素坐标值
html设置图片。
这样我们就可以方便的写出“poly”坐标了
html设置图片。
请大家闲暇时找张图练习一下
html设置图片！
4、添加区域链接在标签中添加href属性，指定链接路径
html设置图片，如下：
链接=“}
title="歼20气动外观分析" 明天的内容就结束了。 使用图像区域链接时还是有一些注意事项的。 我们上次详细讨论了html设置图片。
利用碎片时间学习完整的知识！ 关注大宇师弟，一起研究工艺品html设置图片。
目录 HTML最终章（学习目的、对象、基本概念）-什么是零基础自学网页制作HTML
html 设置图像
如何在第一个HTML页面编写html并设置图片？ ——零基础自学网页制作
HTML页面中的head标签是什么？ 用HTML来设置图片？ ——零基础自学网页制作
初识meta标签与SEO——零基础自学网页制作 HTML中元素的使用方法1——零基础自学网页制作
如何使用HTML 2中的元素——零基础自学网页制作
HTML元素中的属性1——零基础自学网页制作
HTML元素中的属性2（路径解读）——零基础自学网页制作
使用HTML添加表1（基本元素）——零基础自学网页制作
使用HTML添加表格2（表颈和表头）——零基础自学网页制作
使用HTML添加表格3（宽度和颜色）——零基础自学网页制作
使用HTML添加表格4（行颜色和表格嵌套）——零基础自学网页制作
16补色表示与RGB色调模型-零基础自学网页制作
HTML中的块级元素和内联元素——零基础自学网页制作
第一次在 HTML 中遇到
块元素-零基础自学网页制作
HTML页面中嵌入其他页面的方法——零基础自学网页制作
居家学习网页制作
html 设置图像
!为页面嵌入PDF文件——零基础自学网页制作
初识HTML表单元素1——零基础自学网页制作初识HTML表单元素2——零基础自学网页制作
HTML表单3（下拉列表、多行文本输入）——零基础自学网页制作
HTML表单4（表单的action和method属性）——零基础自学网页制作
HTML列表制作讲解——零基础自学网页制作
HTML页面添加视频和音频的方法——零基础自学网页制作
音视频格式转换工具及html视频元素加字幕——零基础自学网页制作
利用HTML中的标签实现文本中的链接——零基础自学网页制作
本文TAG：html设置图片
