怎么在HTML里调用图片

html-css010

怎么在HTML里调用图片,第1张

html.,CSS本身并不能调用图片,因为CSS是负责网页外观呈现的,调用图片只能在HTML里,代码实例为:

<img src="图片地址" />

不过CSS里可以指定一张图片昨晚背景图片。比如一个ID名为demo的元素

HTML代码:

<div id="demo">

......

</div>

CSS代码可以这样写,demo就有背景了

#demo { background:url(图片地址)}

代码如下:

1、<img src="divcss5-logo-201305.gif" width="165" height="60" />

img介绍:

src 后跟的是图片路径地址

width 设置图片宽度

height 设置图片高度

2、我们在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

3、效果图:

扩展资料:

在HTML中出现图片通常有2种:

1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】

直接在html中的标签里设置:

<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>

在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像:

p{ background-image:url(xxx.jpg)}

2、图像元素img:

<img src="xxx.jpg" alt="这是一个图像元素">

你的html中只要有匹配这个选择器的dom结构就会自动出现有这个图片的。不过你这个css选择器太复杂了,需要类似下面这个结构才能匹配(为了简便,这里都是用的div标签,实际情况可能会很复杂):

<div class="public_nav_v3">

<div class="info_wrap">

<div class="info">

<div class="right">

<div class="login_box">

<div class="r_pic">

<div class="avatar_wrap">

<div class="frame frame_1">

......在最里面的这个div里就会出现那个图片了,当然这里很可能还要设定width、height等属性才行,总之就是这么个意思......

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>