HTML---图像标签

图像使用<img>标签，对于<img>代表 图片，img标签的作用是向网页中插入一张图片，并不是将图片绘制到网页中。

注意：：img      使用PNG图片格式

三个属性 src , alt ,title .应用
<img src="t图片的地址“   “作用：插入”图片到网页中去. alt="值可以是一段文字，当图片由于各种原因无法显示时，文字就会被显示在网页上。 title="鼠标放在网页上图片所显示的文字“”>
代码例子
 
  
<img src="../img/1.jpg" alt="这是一条皮皮龙" title="你碰到我了">

 

           其中    ../img/1.jpg   图片的地址，就是索取图片的路径     ../??
路径：1.绝对路径 
           2相对路径.
1.绝对路径：  使用图片在硬盘上的绝对位置来访问图片，通常是从根目录开始，向下一个目录一个目录的寻找；在开发网页的过程中，一般不会使用绝对路径
                      例如  D：/文件夹/起名字的文件夹/img/1.jpg 
2.相对路径：  指的是相对于当前的路径。
                        / ：window盘符，根路径                                                                                                                                                                                                                                                       ./可以省略不写，当前路径（文件夹）同级目录                                                                                                                                                                                                                 ../：上一级目录
网页中也有超链接
超链接标签：
            超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
           <a> </a>标签定义     超链接，从一个页面链接到另一个页面。
      
      公式
             <a href="你要的链接地址" target="连接的的打开方式" title="当鼠标放上的时候显示文字"></a>
 
         代码实例
               
<a href="day01.html" target="_blank" title="这是百度">百度</a>

       href     属性描述了链接的目标。

                  规定链接的目标地址：

                                               1.绝对路径或网络路径：指向另一个站点（另一个网页用   F12寻找 网址开头改成http;//）             例如  

<a href="http://www.XXXX.com/index.htm"></a>

 

 

 

                                                2.相对路径                 ：指向站点内的某个文件  例如

<a href="../img/1.zip">下载</a>

 

                                                        3.锚点（可以理解为特定的坐标）：指向本页面中的锚   

                                                                                                                          例如  设置标记(坐标   目的地)

<a name="top">顶部</a>

 

                                                                                                                                                                         设置链接（点击链接回到锚点，跃迁 目的地）

<a href="#top">回到顶部</a>

                                                                                            

　　·　　                                超链接的下载功能

                                          href:只能写网页无法解析的功能，                                                                                                                                                                           只有网页无法解析，才能下载。zip .rar 压缩文件提供下载功能   例如代码

<a href="../img/1.zip">下载</a>

 

     target    规定在何处打开链接文档   

                属性  _blank     在新窗口中打开被链接的文档。

                       _self           默认。在本网页中打开被链接文档

       拓展网页LOGO

                 1.找到图片在线生成   ico 格式

                 2.在页面源文件的<head></head>标签之间插入代码

<link rel="shortcut icon" href="./img/LOGO.ico">

 

 

 

   注意；；；记住放logo图片的路径

 

 



 

              
 
 

 

posted @ 2019-06-13 13:22  腊月出去玩  阅读(399)  评论(0)  编辑  收藏  举报