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>





  • 相关阅读:
    C#之Attribute(特性)
    MongoDB 学习笔记
    WCF学习笔记(基于REST规则方式)
    一个简单的WebService实例
    简单的NHibernate学习笔记
    ASP.NET MVC 搭建简单网站 --1.前端页面布局和基本样式实现
    sql触发器知识
    Aspose.Cells.dll引用导入导出Excel
    Sql语句批量更新数据(多表关联)
    JsTree异步加载数据实现多级菜单
  • 原文地址:https://www.cnblogs.com/pandam/p/10595766.html
Copyright © 2011-2022 走看看