HTML-图片标签img

2018-7-17    seo达人

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

图片标签

图片标签<img src=路径属性 alt：加载失败后显示的文本  width:指定图片宽度  height:指定图片高度>  单位: px

路径属性

绝对路径
        E:\ruanjian\软件\环境\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\软件\环境\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>标签为内联标签所以不换行，所以添加<br>标签换行。

页面是这样的：

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务


分享本文至：
« 重复与突变在产品设计中的应用 2018年Behance 上最值得关注的20个设计趋势... »

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档