<img>

1.<img src=“url” 属性=”值” />加载图片(动态图语法一样)
ps:<img/>标签为空值标签,直接末尾加结束符/

2.其实<img/>标签中src中的url有两种选择写法。
a.相对路径:也就是说加载的图片就是在本网页(服务器)内的图片,相当于从文件夹下加载。所以可以写成如下形式:<img src="/i/ct_netscape.jpg" />
b.绝对路径:也就是说加载的图片是从别的网页中加载来的,那么就使用如下写法即可:<img src="https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png" />
ps:图片就是百度首页的那个百度的logo~~~

3.<img/>标签中的src指的是source,意思是源属性,也就是图像的url地址。

4.替换文本属性alt,简单说就是placeholder,不过还有一点不同就是替换文本属性是在浏览器无法载入图像时候才加载的而不是没加载的时候占位的。语法如下<img src="boat.gif" alt=“图片加载失败” />。嗯,替换文本属性是用户定义的,另外给图片都加上替换文本是好习惯。

5.假如某个 HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载 11 个文件(image*10+html*1)。加载图片是需要时间的,所以我们的建议是:慎用图片。

6.<img background=“background.jpg” />设置html的背景图。另外,如果图像小于页面大小,那么图像会重复排列。(提问,如何保证背景大小随界面变化而变化,从而避免出现重复现象?回答:不造。)

7.<img src=“随便一张图.jpg” align=“bottom” />设置图像在文字中的排列格式。align指的就是alignment。格式:bottom默认下对齐,middle居中,top上对齐,left浮动到带有文本段落的最左侧,right同理可证(这四个字唤起了我对中学几何深深的怨念,阿西吧去死)。

8.<img src="随便一张图.jpg" width="50" height="50”/>设置尺寸(没啥说的)

9.<a href=“http://www.baidu.com”>
<img src=“这是一张图.jpg” />
</a>

10.图像映射usemap。就是在图片上特定位置创建点击后可以发生跳转的链接,相当于:(setbutton->alpha=0->setframe->addtarget)。语法如下:
<img src=“一个逗比.jpg” usemap=“#doubi”/>
<map name=“doubi” id=“doubi”>
<area
    shape=“circle”
    coords=“100,100,20”
    href=“example/doubi.html”
    target=“_blank”
    alt=“一个doubi”
/>
<area
    shape="rect"
    coords="0,0,110,260"
    href ="/example/html/sun.html"
    target ="_blank"
    alt="Sun"
/>
</map>
(ps:<map></map>元素声明了一个可点击区域的图像映射)
(pss:<map>元素中的属性id或者name是根据浏览器决定,并不需要必须均声明。这里是为了保险起见)
(psss:<img/>元素中的usemap属性中用#引用了<map>元素中的id/name属性,因此在<img/>元素中加载的图像上创建了一个<map>元素制定的图像映射。)
(pssss:ps完了)

11.将图片转换成图像映射ismap
<a href="http://www.baidu.com">
<img src=“一个doubi.jpg” ismap />
</a>
(ps:图像映射的 ismap 样式被称为 “服务器端”图像映射,它只可以用在 <a> 标签标识的超链接里面。当用户在 ismap 的图像上单击了某处时,浏览器会自动把鼠标的 x、y 位置(相对于图像的左上角)发送到服务器端。特殊的服务器端软件(在本例中是http://www.baidu.com 程序)可以根据这些坐标来做出响应。)

12.usemap和ismap区别
usemap 属性提供了一种“客户端”的图像映射机制,有效地消除了服务器端对鼠标坐标的处理,以及由此带来的网络延迟问题。usemap 客户端处理图像映射不要求有服务器或特殊的服务器软件,与 ismap 机制不同,它可以用在非 web (无网络)环境中,例如在本地的文件或者 CD-ROM 中使用。
提问:那是不是就是说usemap使用性上会比ismap好呢?(突然觉得usemap就是用来折磨前端,ismap就是用来折麽服务器的)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值