html中添加图片方法

方法一：

大多数浏览器都支持三种图形格式(gif,jpeg,jpg)

语法：<img src=""align="" border="" alt="">

使用说明：

src属性表示图片的来源，可以是完整的Internet地址，如果图像文件与HTML文件在同一个文件夹内，也可以仅仅指定文件名即使用相对地址。

Align属性表示图片在页面的对齐方式，分别取值left,right,表示图片在页面的左对齐和右对齐; top,middle,bottom三个属性表示图片说明性的文字在图片的(上中下)位置.若不包含   align属性，则文字将靠近在图片的底部对齐。

Border属性表示图片的边线框的宽度，取正整数值，数值越大，边框线越宽；0表示没有 边框；

Alt属性表示图片显示后，对图片的一段说明性文字。当浏览者将鼠标停留在图片一段时 间后，页面上自动会弹出一个黄色的文字框，显示图片的描述文字。 这个特性在编程中，比较有用处，可以增加网站的互动性

 

 

方法二：

添加背景图片

background:url{..//images/icon/collection.jpg') left top no-repeat}

background-image:url(图片地址)

background-repeat:no-repeat(不重复)、repeat-x(横线平铺）、repeat-y(纵向平铺）、repeat（平铺）

background-position: 水平对齐方式 垂直对齐方式   如0 0/center center/top right.......也可设置具体的数字

 

 

转载于:https://www.cnblogs.com/lucky-n/p/7400330.html