Ⅰ 怎样在HTML里添加背景图片
1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:
Ⅱ 在html静态网页中如何插入背景图片,急需!!!
用<img> 标签。
代码样式:
<img src="xxx.jpg" width="100px" height="100px" />
代码说明:
这是在网页中插入一副图像,能调整图像大小,能拉伸图像,但是不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
代码标签解释:
1、<img> 标签定义图像。
2、src :要显示的图像的 URL(图片地址)。
3、width:图片宽度
4、height:定义图像的高度。
5、px:即像素,1px代表屏幕上一个物理的像素点;
(2)img背景图片扩展阅读
一、img定义与用法:
1、img 元素向网页中嵌入一幅图像。
从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
2、<img> 标签有两个必需的属性:src 属性和alt 属性。
二、必需的属性:
1、alt text 规定图像的替代文本。
2、src URL 规定显示图像的 URL。
Ⅲ css何时用img,何时用背景图片
在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然?
如下场景使用img标签比较合适:
1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人),使用Img标签加上alt属性。
2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。
3、使用IMG(alt文本)图像有一个重要的语义时,比如一个警告图标。这将确保图像的意义可以很好的和user-agents沟通,包括屏幕阅读器。
4、如果你依赖于浏览器缩放图像比例并且可以呈现不错的效果时使用IMG。
5、如果配合 z - index 伸展背景图像来填补它的整个窗口时使用IMG。
6、使用img代替有背景图像可以显着提高性能的动画背景。
7、IMG会首先加载因为src在html文件本身中而在有背景图像源是样式表中引入的图像,加载样式表加载后,延迟加载的网页。
如下场景使用background-image属性比较合适:
1、如果图像不是内容的一部分时使用backgrond-image。
2、当图像代替文本使用时使用backgrond-image。
3、如果你想打印页面并且你不想要的图像包括默认情况下使用backgrond-image。
4、如果需要缩短下载时间通过CSS sprites 时使用backgrond-image。
5、如果你只需要展示图像的一部分通过CSS sprites,时使用backgrond-image。
6、如果你需要为不同的屏幕分辨率展示不同的图像使用 media查询时使用backgrond-image。
Ⅳ img标签如何作为背景
1、打开Dreamweaver创建新页面,点击下方页面属性来编辑制作背景。
Ⅳ html5怎么设置整页背景图片
html5中设置整页背景图片的方法是利用css3样式:
写法如下:
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
left: 50%;
margin-left: -512px; /* 50% */
}
}
效果如: