• 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图片的路径

     



                  
     
     
  • 相关阅读:
    IOS 修改UISearchBar 输入框的颜色 placeholder字体的颜色
    iOS-集成微信支付和支付宝支付
    iOS-集成极光推送
    常用iOS开发网站资源
    iOS -媒体播放器 AVPlayer 与 AVPlayerViewController
    使用终端统计代码行数
    swift 与 OC中的需要注意知识点
    去掉tableview顶部留白
    解决UIScrollView把uitableviewcell的点击事件屏蔽
    按钮点击发光效果
  • 原文地址:https://www.cnblogs.com/layuechuquwan/p/11015992.html
Copyright © 2020-2023  润新知