html基礎 img標記 設定圖片的寬度和邊框 利用div使圖片置中顯示

來源:互聯網
上載者:User

標籤: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使圖片置中顯示

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.