HTML-圖片標(biāo)簽img

2018-7-17    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

圖片標(biāo)簽

圖片標(biāo)簽<img src=路徑屬性 alt：加載失敗后顯示的文本  width:指定圖片寬度  height:指定圖片高度>  單位: px

路徑屬性

絕對(duì)路徑
        E:\ruanjian\軟件\環(huán)境\images
相對(duì)路徑：相對(duì)于主文件位置的路徑
        引用文件方式：

        同級(jí)：直接寫(xiě)文件名.后綴名
        上級(jí)：../文件名.后綴名   ../返回上一級(jí)文件夾
        下級(jí)：文件夾/文件名.后綴名 


    
    

        
  1. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <!DOCTYPE html>
                
    

            
    

        
    2. 

        
  2. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <html>
                
    

            
    

        
    3. 

        
  3. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <head>
                
    

            
    

        
    4. 

        
  4. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <meta charset="utf-8">
                
    

            
    

        
    5. 

        
  5. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <title></title> 
                
    

            
    

        
    6. 

        
  6. 

            
    

                
    

                
    

            
    

            
    

                
    
                    </head>
                
    

            
    

        
    7. 

        
  7. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <body>
                
    

            
    

        
    8. 

        
  8. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <h1>這是一個(gè)圖片</h1>
                
    

            
    

        
    9. 

        
  9. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <!-- 圖片標(biāo)簽<img src=路徑屬性 alt：加載失敗后顯示的文本  width:指定圖片寬度  height:指定圖片高度  單位:px> 
                
    

            
    

        
    10. 

        
  10. 

            
    

                
    

                
    

            
    

            
    

                
    
                    路徑屬性：
                
    

            
    

        
    11. 

        
  11. 

            
    

                
    

                
    

            
    

            
    

                
    
                     絕對(duì)路徑
                
    

            
    

        
    12. 

        
  12. 

            
    

                
    

                
    

            
    

            
    

                
    
                     E:\ruanjian\軟件\環(huán)境\images
                
    

            
    

        
    13. 

        
  13. 

            
    

                
    

                
    

            
    

            
    

                
    
                     相對(duì)路徑：相對(duì)于主文件位置的路徑
                
    

            
    

        
    14. 

        
  14. 

            
    

                
    

                
    

            
    

            
    

                
    
                     同級(jí)：直接寫(xiě)文件名.后綴名
                
    

            
    

        
    15. 

        
  15. 

            
    

                
    

                
    

            
    

            
    

                
    
                     上級(jí)：../文件名.后綴名   ../返回上一級(jí)文件夾
                
    

            
    

        
    16. 

        
  16. 

            
    

                
    

                
    

            
    

            
    

                
    
                     下級(jí)：文件夾/文件名.后綴名
                
    

            
    

        
    17. 

        
  17. 

            
    

                
    

                
    

            
    

            
    

                
    
                     -->
                
    

            
    

        
    18. 

        
  18. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <img src="../img/ad.jpg" alt="加載中" width="1000px" height="500px">
                
    

            
    

        
    19. 

        
  19. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <img src="../img/1.jpg" alt="加載中"><br><br><br><br><br><br><br><br><br><br><br>
                
    

            
    

        
    20. 

        
  20. 

            
    

                
    

                
    

            
    

            
    

                
    
                    <img src="../footer.jpg" ><br>
                
    

            
    

        
    21. 

        
  21. 

            
    

                
    

                
    

            
    

            
    

                
    
                    </body>
                
    

            
    

        
    22. 

        
  22. 

            
    

                
    

                
    

            
    

            
    

                
    
                    </html>
                
    

            
    

        
    23.

<br>標(biāo)簽：換行   <img>標(biāo)簽為內(nèi)聯(lián)標(biāo)簽所以不換行，所以添加<br>標(biāo)簽換行。

頁(yè)面是這樣的：

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至：

日歷

鏈接

個(gè)人資料

存檔