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