HTML学习笔记4—图像

1.设置网页的背景图案

格式:<body background=”URL”>

例如:<body background=“1.gif”>

2.将图片插入到网页中

格式:<img src="URL">

功能:将图片插入到网页中去,单一标签

3.<img>标签的属性

属性名称         属性值                     说明

src              URL                      图片的路径

alt              字符串                   给图片做注解

width            像素/百分比              设置图片宽度

height           像素/百分比              设置图片高度

border           数字(像素)             图象边框的设置

vspace           像素                     垂直上下两端与物件距离

hspace           像素                     水平左右两段与物件距离

4.将图片作为超连接

格式:<a href="URL"><img src="URL"></a>

将图片作为连接时,有的浏览器会显示有边框,使用<img>的Border属性将边框设置为0就可以了。

例如:<a href="#"><img src="images/taobao_08.png" border="0"/></a>

5.为网站添加图标

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon“/>

6.地图索引

格式:<img src="URL" USEMAP="#图象名称">

<map name="图象名称" id="图象名称">

<area shape=“选取区块的形状”coords=“坐标”href=“URL”alt=“文字说明">

</map>

<map>声明整张图使用地图链接方式进行连接.

name,id指此图的名称.

<area>表示我们所要链接其中一点的区快

shape表示我们所选择的形状,如:rect矩形circle圆poly多边形

coords 表示地图的坐标位置!!

例如:<img src="1111.png" width="218" height="416" usemap="#Map" border="0" />

<map name="Map" id="Map">

<area shape="rect" coords="9,14,183,52" href="http://www.baidu.com" />

<area shape="rect" coords="8,61,187,98" href="http://www.youku.com" />

<area shape="rect" coords="7,106,187,146" href="#" />

<area shape="rect" coords="2,151,184,190" href="#" />

</map>

时间: 2024-11-10 13:24:19

HTML学习笔记4—图像的相关文章

OpenCV2学习笔记:图像的读取与显示

1. 图像读取:imread() Mat imread(const string& ?lename, int ?ags=1 ) 参数介绍: filename: 待加载的文件名称. flags: 此标志用来指定被加载图像的颜色类型(color type).这个标志的取值可以有: -- CV_LOAD_IMAGE_ANYDEPTH : 如果设置这个标志的话,如果图像为16位或32位深度的图像,则返回对应深度的图像:否则,将图像转换为8位深度图像再返回. -- CV_LOAD_IMAGE_COLOR

图像编程学习笔记6——图像转置

转置(transpose)是指将x,y坐标对换,图2.2的转置如图2.15所示. 图2.2 图2.15   图2.2的转置 要注意的是,转置和旋转900是有区别的,不信你可以试试:怎么旋转,图2.2也转不出图2.15来.另外,转置后图的宽高对换了.转置的变换矩阵很简单: (2.12) 镜象变换的源代码如下,因为和旋转的那段程序很类似,程序中的注释就简单一些: 由于很多代码和之前的重复,所以只给出主要功能代码(win32 控制台程序) [cpp] view plaincopy void trans

图像编程学习笔记5——图像镜像

以下文字内容copy于<<数字图像处理编程入门>>,code为自己实现,是win32控制台程序. 镜象(mirror)分水平镜象和垂直镜象两种.图2.2的水平镜象和垂直镜象分别如图2.13和图2.14所示 图2.13   图2.2的水平镜象 图2.14   图2.2的垂直镜象 镜象的变换矩阵很简单.设原图宽为w,高为h,变换后,图的宽和高不变. 水平镜象的变化矩阵为: (2.10) 垂直镜象的变化矩阵为: (2.11) 镜象变换的源代码如下,因为和平移的那段程序很类似,程序中的注释

图像编程学习笔记7——图像缩放

假设放大因子为ratio,(为了避免新图过大或过小,我们在程序中限制0.25≤ratio≤4),缩放(zoom)的变换矩阵很简单: (2.13) 缩放变换的源代码如下,因为和转置的那段程序很类似,程序中的注释就简单一些. [cpp] view plaincopy /** * 函数名: zoom * 参  数: ratio -- 缩放率 * 功  能: 对图片进行水平和垂直镜像操作 *         只保存原图大小的图像数据,如果没有就用白色填充 */ void zoom(double rati

图像编程学习笔记8——图像的平滑(去噪)

第一种方法:高斯模版 以下文字内容copy于<<数字图像处理编程入门>>,code为自己实现,是win32控制台程序. 先举个例子说明一下什么是平滑(smoothing),如下面两幅图所示:可以看到,图3.2比图3.1柔和一些(也模糊一些).是不是觉得很神奇?其实实现起来很简单.我们将原图中的每一点的灰度和它周围八个点的灰度相加,然后除以9,作为新图中对应点的灰度,就能实现上面的效果. 这么做并非瞎蒙,而是有其道理的.大概想一想,也很容易明白.举个例子,就象和面一样,先在中间加点水

图像编程学习笔记9——图像的锐化

锐化(sharpening)和平滑恰恰相反,它是通过增强高频分量来减少图象中的模糊,因此又称为高通滤波(high passfilter).锐化处理在增强图象边缘的同时增加了图象的噪声. 常用的锐化模板是拉普拉斯(Laplacian)模板(见(3.4)式),又是个数学家的名字,可见学好数学,走遍天下都不怕. (3.4) 容易看出拉普拉斯模板的作法:先将自身与周围的8个象素相减,表示自身与周围象素的差别:再将这个差别加上自身作为新象素的灰度.可见,如果一片暗区出现了一个亮点,那么锐化处理的结果是这个

学习笔记-php图像等比例剪裁-2016.4.7

因为小区附近宽带升级,所以笔记暂时没有更新,但是学习一直继续!今天继续, <?php/** * Created by PhpStorm. * User: 兰小宇 * Date: 2016/3/30 * Time: 23:08 *///图像处理类class Image{ private $file; //图像地址 private $width; //获取图像的宽度 private $height; //获取图像的高度 private $type; //获取图像的类型 private $img; /

css学习笔记之图像

图像与文本的对齐方式: vertical-align:text-top;表示的意思是图像的顶部和同一行的文本对齐,但文本不会超出图片的上边线. vertical-align:middle;表示的意思是图像的中部和同一行的文本对齐. vertical-align:text-bottom;表示的意思是图像的地步和同一行的文本对齐,但是文本不会超出图片的下边线. vertical-align:baseline;其实意思和text-bottom差不多. 控制图像与文本的距离: <img src="

Android学习笔记-ImageView(图像视图)

原文来自:http://www.runoob.com/w3cnote/android-tutorial-imageview.html 本节引言: 本节介绍的UI基础控件是:ImageView(图像视图),见名知意,就是用来显示图像的一个View或者说控件! 官方API:ImageView;本节讲解的内容如下: ImageView的src属性和blackground的区别: adjustViewBounds设置图像缩放时是否按长宽比 scaleType设置缩放类型 最简单的绘制圆形的ImageVi

学习笔记-php图像加水印组合图像简单完美剪裁-2016.4.7

<?php/** * Created by PhpStorm. * User: 兰小宇 * Date: 2016/3/30 * Time: 23:08 *///图像处理类class Image{ private $file; //图像地址 private $width; //获取图像的宽度 private $height; //获取图像的高度 private $type; //获取图像的类型 private $img; //原来图像的资源句柄 private $new; //新的资源句柄 //构