HTML-圖片標簽img

2018-7-17    seo達人

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中， 請點這里

圖片標簽

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

路徑屬性

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

        同級：直接寫文件名.后綴名
        上級：../文件名.后綴名   ../返回上一級文件夾
        下級：文件夾/文件名.后綴名 


    
    

        
  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>這是一個圖片</h1>
                
    

            
    

        
    9. 

        
  9. 

            
    

                
    

                
    

            
    

            
    

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

            
    

        
    10. 

        
  10. 

            
    

                
    

                
    

            
    

            
    

                
    
                    路徑屬性：
                
    

            
    

        
    11. 

        
  11. 

            
    

                
    

                
    

            
    

            
    

                
    
                     絕對路徑
                
    

            
    

        
    12. 

        
  12. 

            
    

                
    

                
    

            
    

            
    

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

            
    

        
    13. 

        
  13. 

            
    

                
    

                
    

            
    

            
    

                
    
                     相對路徑：相對于主文件位置的路徑
                
    

            
    

        
    14. 

        
  14. 

            
    

                
    

                
    

            
    

            
    

                
    
                     同級：直接寫文件名.后綴名
                
    

            
    

        
    15. 

        
  15. 

            
    

                
    

                
    

            
    

            
    

                
    
                     上級：../文件名.后綴名   ../返回上一級文件夾
                
    

            
    

        
    16. 

        
  16. 

            
    

                
    

                
    

            
    

            
    

                
    
                     下級：文件夾/文件名.后綴名
                
    

            
    

        
    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>標簽：換行   <img>標簽為內聯(lián)標簽所以不換行，所以添加<br>標簽換行。

頁面是這樣的：

藍藍設計( sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


分享本文至：

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔