在网站的开发中，需要做的事情很多，仔细到编纂一个字约莫一张图片，而拔出图片的体例有多种，譬喻用
![]()
标签、布景图background。在网站扶植中，图片是必不行少的，因为有了图片是网站页面更加雅观有用，下面罗列一些关于网站图片的用途，很经常应用到的，以此记实。
当用
![]()
标签的时辰，设置高度和宽度和不设置在页面加载的时辰图片的加载会有纷歧样的了局，不设置高度的时辰，页面加载浏览器不晓得图片的尺寸就没法为图片预留到空间，就能够也许致使页面的结构发作变化，如果设置高度宽度页面加载的时辰浏览器就会为图片预留到空间，不影响页面结构。
![]()
标签没有设置高度和宽度，没法显露的时辰，就会闪现以下图1的情况，设置高度宽度的如图2,，有浏览器预留的空间，也会闪现边框。
![]()
标签增加alt 属性，当图片不克不及一般显露的时辰能够作为庖代的值显露，也能够用alt描画关于图片的信息，并且增加了alt属性，当图片没法显露的时辰，
响应式网站定制公司，浏览器显露的内容会比没有增加alt属性的要雅观一些，不会闪现一个边框，而是一个替换的文本和一个小点。
当应用布景图background的时辰，用background-image填写图片的途径，引入布景图片，用background-repeat设置是否是需要屡次布景图，一样泛泛是默许屡次。用background-position设置布景图片的职位，用top、bottom、left、right，约莫用像素，譬喻(0px 0px)第一个数值是水平标的目的的位移，第二个数值是垂直标的目的的位移。用background-size是设置布景图片的尺寸巨细，能够用background-size : cover; 笼罩到全部布景地区，不会变化图片的比例，然则有时辰会裁剪部份图片，其它background-size : cover; ie7和ie8的兼容能够以下图
background-size : 100%; 是会变化图片的尺寸比例，能够也许会变形。background-size也能够用像素，譬喻background-size：100px 100px; 第一个数值是代表宽度，第二个数值是设置的高度。设置background-size: contain的时辰布景图片会等比缩放到能够悉数在容器里显露，能够也许会闪现留有空缺的处所。