html5加图片,HTML添加图片

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% */

 }

}

效果如：

相关问答

Q1: HTML怎样插入图片

插入图片可以使用img标签来实现。

1、新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。给标签添加“src”属性，属性值填写想要添加图片的路径，这里以和html同一目录下的1.png为例，这样图片就插入完成了：

2、为了防止用户浏览网页时无法加载图片，可以给img标签添加“alt”属性，这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片，还可以在用户将鼠标放在图片上是显示提示信息，这里以属性值“鹦鹉”为例：

3、img标签中插入的图片宽和高默认是图片自身的宽和高，如果想要自定义宽和高的话，可以用“width”和“height”来控制，这里以宽和高都是200为例，为width”和“height”设置属性值为“200”：

Q2: html5中如何导入图片

具体方法如下：

img src="图片路径" alt="图片描述"

例：img src="img/pro1.png" alt=""

html5中设置整页背景图片的方法是利用css3样式：

  /* 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% */

  }

}

Q3: html5教程 如何加背景图片

html5加背景图片可以通过：

1.首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，no-repeat(是不重复)、repeat-x（沿着x轴重复）、repeat-y（沿着Y轴重复）这里我提交一段代码：

div id = 'test'/div

style

#test{

width：300px;

height:400px;

background:url('图片的地址')no-repeat;

}

/style

这样背景图片就设置好了！