zoukankan      html  css  js  c++  java
  • html对a标签的运用以及属性,img图像标签的属性及应用

    今天学习的难点自我感觉在于a标签超链接的应用。不是很熟练,晚上回家准备敲敲代码,让a的超链接标签使用的更加熟练,对于上午的img 属性值已经明白 。
    还是日常记一下每日的重点
     
    a标签去下划线:a{text-decoration:none}
    <!--图像标签:
        img标签:<img>
    属性1 src="图片的路径"
        绝对路径:硬盘的地址:C://    D://     F://
                网页上图片的地址:http://
        相对路径:相对于本Html文件的路径
                /:路径分隔符
                ./同路径(可省略)
                ../:上一级目录
                
                
        img src="" alt=""
      图片格式  属性值  图片打不开时用文字来代替
    属性2 alt= 图片打不开时用文字来代替
    属性3 title鼠标放到图片上提示一段编辑好的文字
    超链接标签:<a></a>
    属性:href=超链接跳转的地址
         html的地址
         绝对路径
         相对路径
         文件的地址:如果浏览器能解析,就会给你显示如果解析不了就会提示下载功能
    属性:target:
      属性值:_blank:在新窗口也打开链接
              _self:在当前页面解开(默认)
    属性:title:鼠标放上去时显示的文字
      
           锚点链接:
            锚(任一标签)<a name="top"> </a>
                         <a id="top"></a>
                 底部:<a href="#top">回到顶部</a>
                 <a href="网页地址#top">回到顶部</a>
           <><>
    -->
    a标签使用案例

    </table>
    <img src="F:HRMLWORKday02imga.PNG" >
    <img src="img/a.png">
    <img src="https://www.baidu.com/img/bd_logo1.png" title="点我一下,立马破产">
    <a href="https://www.baidu.com">百度</a>
    <a href="index02.html">index02</a>
    <a href="img/1.png">图片</a>
    <a href="img.rar">下载</a>
    <a href="https://www.baidu.com" target="_blank" title="百度">百度</a>
    <a href="index02.html#wuwu">02</a>
    <br>
    <br>
    <br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br>
    <a href="#top">huiqu</a>
    </body>





  • 相关阅读:
    Unity3d限制帧数
    Linux 后台运行程序
    Flask异步发送邮件的方法
    [转]视图多表
    dede 织梦手机静态化一键生成插件
    如何在wordpress中设置关键词和描述
    前端PS切图
    帝国cms用自定义列表页做首页
    帝国cms 滚动加载更多整合
    swiper 自定义pagination 样式内容
  • 原文地址:https://www.cnblogs.com/pandam/p/10595766.html
Copyright © 2011-2022 走看看