博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页色彩和图片设计
阅读量:4987 次
发布时间:2019-06-12

本文共 816 字,大约阅读时间需要 2 分钟。

1、插入图像常用的属性有:img标签的src和alt,这两个属性是保证img有效的最基本的要求。alt表示替换文本,当图像没法加载时出现的提示信息。

src既可以是绝对路径,也可以是相对路径。同样可以设置img的宽度和长度属性来控制显示大小。

当单独设置width和height时图像是等比例变化的。

title属性为图像的提示文字,将鼠标指在图片上时显示图片说明。

border定义图像边框的宽度,粗细程度。没有提示代码,只能强写。border=“0-某个数”

实现超链接功能时将img标签写在a标签中。定义a标记的href属性。

1 2 3     

4 5

6 7


 

2、图像映射

用到的标签:<map>只有一个属性name,作用是为区域命名。利用img标签的usemap属性。属性值是map标签属性加上#。

<aera>标签有五个属性。1》shape:控制划分区域的形状,设置值为:rect矩形、circle圆、poly多边形。

2》coord属性:控制区域的划分坐标。如:shape为rect时,coord=“x1,y2,x2,y2”四个坐标点的坐标。shape=circle。coord=“x,y.r”圆的性质。shape=“poly”时coord=“x1,y1,x2,y2,x3,y3.....”最少三个点。

3》href属性,设置超链接地址。

4》target属性:决定页面弹出的方式,_blank,在新窗口中显示出来。

5》alt属性。提供与区域形状相关联 的一小段文字。

1    
2

创建图像的映射


3 4 5 6  矩形定义 7  圆 的定义 8 多边形 9 10 11

 

转载于:https://www.cnblogs.com/dongteng/p/4983748.html

你可能感兴趣的文章
cocos2d-JS 模块 anysdk 概述
查看>>
docker镜像mac下保存路径
查看>>
docker使用 命令
查看>>
关于C#操作INI文件的总结
查看>>
ZeptoLab Code Rush 2015 B. Om Nom and Dark Park
查看>>
ctci1.2
查看>>
[译]RabbitMQ教程C#版 - 路由
查看>>
升级项目到.NET Core 2.0,在Linux上安装Docker,并成功部署
查看>>
调用API函数减少c#内存占用(20+m减至1m以下)
查看>>
Android:onNewIntent()触发机制及注意事项
查看>>
珠宝公司之感想
查看>>
项目问题
查看>>
scss侦听并压缩
查看>>
我有接口文档, 你有酒吗?
查看>>
iOS - Push 通知推送
查看>>
[FJOI2007]轮状病毒
查看>>
Azure AADSTS7000215 其中一种问题的解决
查看>>
关于吃苦
查看>>
uva 1629切蛋糕(dp)
查看>>
生成awr报告
查看>>