標籤:src char ref ima 置中 view 顯示 部落格 實現圖
鎮場詩:
清心感悟智慧語,不著世間名與利。學水處下納百川,舍盡貢高我慢意。
學有小成返哺根,願鑄一良心部落格。誠心於此寫經驗,願見文者得啟發。
——————————————————————————————————————————
code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 </head> 7 <body> 8 <img src="images/picture.jpg" border="2" width="200"> 9 10 <!--11 圖片路徑 src(相對路徑)12 寬度 width13 高度 height14 邊框粗細 border 15 水平對齊 align left/center/right16 -->17 <!--如果想要等比例縮放,就只能給寬或高,二者中的一個-->18 19 <!--img align="center" 不可以實現圖片置中的-->20 <!--div做橋,將圖片放在div中,然後設定div中的內容置中-->21 <div style="text-align:center;">22 <img src="images/picture.jpg" align="left"/>23 </div>24 </body>25 </html>
View Code
result:
——————————————————————————————————————————
博文的精髓,在技術部分,更在鎮場一詩。編輯器 VS2015,瀏覽器 Firefox。
html+css+js,強,值得努力學習。我是跟著 傳智播客的PHP基礎視頻_html+css+js 視頻教程學習的,推薦。
我是一個新手,所以如果博文的內容有可以改進的地方,甚至有錯誤的地方,請留下評論,我一定努力改正,爭取成就一個良心部落格。
註:此文僅作為科研學習,如果我無意中侵犯了您的權益,請務必及時告知,我會做出改正。
html基礎 img標記 設定圖片的寬度和邊框 利用div使圖片置中顯示