国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML基礎(chǔ)教程之圖片標(biāo)記

圖片標(biāo)簽

注：這是一個單邊標(biāo)簽

在網(wǎng)頁中，隨處可見圖片的蹤影

7.png

8.png

基本上每個網(wǎng)頁都有圖片

接下來，我們來使用<img>標(biāo)簽給我們自己的網(wǎng)頁加上圖片

  • ?語法格式：<img ?屬性 = “值”>

  • 常用屬性

  • ?Width：圖片寬度

  • ?Height：圖片高度

  • ?Border：圖片邊框粗細(xì)。

  • ?Src：圖片的路徑(相對路徑)

  • ?Align：圖片的水平對齊方式，取值：left、center、right

  • ?Hspace：圖片與左右文字之間的距離(水平距離)

  • ?Vspace：圖片與上下文字之間的距離(垂直距離)。

  • 注意事項

  • ?如果圖片想等比例縮放，只需要指定width或height其中一個。

  • Align屬性只能讓文本居中，不能讓圖片單獨居中。

  • Align可以實現(xiàn)“圖文混排”效果。align = “l(fā)eft | right”

  • 來看個實例：

<!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body>
 <p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，結(jié)果往往出人意料。）---《阿甘正傳》 
 </p>
 <img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center">
 </body>
</html>

注：大家可以嘗試輸入其他屬性看看效果，想要讓圖片居中，只能通過CSS，我們之后會有介紹

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>Life was like a box of chocolates, you never know what you're gonna get.（生命就像一盒巧克力，結(jié)果往往出人意料。）---《阿甘正傳》 </p> <img src="/upload/course/000/000/009/58117bf7d1215384.jpg" width="200" border="5" align="center"> </body> </html>
提交重置代碼