HTML Body圖片代碼
在HTML中,可以通過在body標(biāo)簽內(nèi)使用img標(biāo)簽來添加圖片。以下是添加圖片的基本代碼模板:
下面是一張狗的圖片:
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁(yè)</title> </head> <body> <p>下面是一張狗的圖片:</p> <img src="dog.jpg" alt="狗的圖片"> </body> </html>在上面的代碼中,可以看到在body標(biāo)簽內(nèi)使用了img標(biāo)簽,其中src屬性指定了圖片的URL地址,alt屬性指定了圖片的描述文字。如果圖片無法加載,會(huì)顯示alt屬性中的文字。 如果需要在網(wǎng)頁(yè)中添加多張圖片,只需要復(fù)制上面的代碼塊,并修改src和alt屬性即可。需要注意的是,圖片的URL地址應(yīng)該是相對(duì)路徑或絕對(duì)路徑。
下面是添加兩張犬科動(dòng)物的圖片的示例:
<!DOCTYPE html> <html> <head> <title>我的網(wǎng)頁(yè)</title> </head> <body> <p>下面是兩張犬科動(dòng)物的圖片:</p> <img src="dog.jpg" alt="狗的圖片"> <img src="wolf.jpg" alt="狼的圖片"> </body> </html>在上面的代碼中,添加了兩張圖片,并且使用了不同的alt屬性來描述圖片的內(nèi)容。 總之,在HTML中添加圖片只需要在body標(biāo)簽內(nèi)使用img標(biāo)簽即可。需要注意的是,應(yīng)該合理使用alt屬性來為圖片添加描述文字,以提高網(wǎng)頁(yè)的可訪問性和SEO效果。
上一篇貪吃蛇css游戲