html5加圖片,HTML添加圖片

html5怎么設(shè)置整頁背景圖片

html5中設(shè)置整頁背景圖片的方法是利用css3樣式：

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)蘭溪,10余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

寫法如下：

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

}

}

效果如：

HTML怎樣插入圖片

插入圖片可以使用img標簽來實現(xiàn)。

1、新建html文件，如圖所示，在body標簽中插入img標簽，需要注意的是，img在html中沒有結(jié)束標簽，所以不需要添加“/img”。給標簽添加“src”屬性，屬性值填寫想要添加圖片的路徑，這里以和html同一目錄下的1.png為例，這樣圖片就插入完成了：

2、為了防止用戶瀏覽網(wǎng)頁時無法加載圖片，可以給img標簽添加“alt”屬性，這個屬性可以在圖片加載失敗時顯示出來以告訴用戶這里是張什么圖片，還可以在用戶將鼠標放在圖片上是顯示提示信息，這里以屬性值“鸚鵡”為例：

3、img標簽中插入的圖片寬和高默認是圖片自身的寬和高，如果想要自定義寬和高的話，可以用“width”和“height”來控制，這里以寬和高都是200為例，為width”和“height”設(shè)置屬性值為“200”：

html5中如何導(dǎo)入圖片

具體方法如下：

img src="圖片路徑"?alt="圖片描述"

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

html5中設(shè)置整頁背景圖片的方法是利用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%?*/

}

}

html5教程 如何加背景圖片

html5加背景圖片可以通過：

1.首先可以去寫一個div，然后這個div當然寬高是一定要有，然后在div中去設(shè)置要的背景圖片，是否重復(fù)等屬性，repaet這個來設(shè)置，no-repeat(是不重復(fù))、repeat-x（沿著x軸重復(fù)）、repeat-y（沿著Y軸重復(fù)）這里我提交一段代碼：

div id = 'test'/div

style

#test{

width：300px;

height:400px;

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

}

/style

這樣背景圖片就設(shè)置好了！

網(wǎng)站欄目：html5加圖片,HTML添加圖片
文章分享：http://m.jiaotiyi.com/article/dsdeheo.html