博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页色彩和图片设计
阅读量:4986 次
发布时间: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

你可能感兴趣的文章
个人使用angular的一些小总结
查看>>
webservice wsdl axis2报错 Provider com.bea.xml.stream.MXParserFactory not found
查看>>
EOS1.1版本新特性介绍
查看>>
929. Unique Email Addresses
查看>>
3.常见的ORM框架
查看>>
Hdu 1326 Box of Bricks
查看>>
常用数据结构算法 : 堆排序
查看>>
Highcharts X轴名称太长,如何设置下面这种样式
查看>>
使用模板类,创建树。使用头文件分离模板类的申明与实现时出错
查看>>
王者的世界:全球十大对冲基金公司传奇
查看>>
Lua相关图书推荐
查看>>
CentOS安装phpMyAdmin
查看>>
JSTL标签
查看>>
RTT之柿饼UI
查看>>
C51 笔记
查看>>
wkhtmltopdf导出html到pdf
查看>>
Flutter 目录结构介绍、入口、自定义 Widget、MaterialApp 组件、Scaffold 组件
查看>>
小记5.8面试
查看>>
关于Windows7下创建Cocos2D-X项目的小问题
查看>>
java之大文件断点续传
查看>>