• img、a标签的使用


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <!--图像标签
    <img src='图片的地址' alt='当图片显示不出来时所替换的文字'
    title="当鼠标放到图片上显示的文字"
    1、路径:绝对路径:F:讲义HTML20180201
    2、相对路径:
    /:代表window盘符,根路径(下级目录)
    ./:当前目录(又叫文件夹) 同级目录(可省略不写)
    ../:上一级目录
    超链接标签:
    <a href="你要连接的地址" target="连接的打开方式">
    title="当鼠标放上去时显示的文字"
    </a>
    href:相对路径、绝对路径、网络路径
    target:_blank 在新窗口页打开
    _self 在当前页跳转(默认)
    超链接的下载功能:
    href:只能写网页无法解析的文件
    只有网页无法解析,才提供下载功能
    只有 .zip .rar压缩文件才能下载
    锚点连接:
    1.设置标记(锚点)
    <a name="标记值"><a/>
    2.设置连接(当我点连接就回到锚点)
    <a href="路径+#标记值"><a/>
    -->
    </head>

    <body>
    <!--设置锚点-->
    <a name="top">顶部</a> <br>
    <img src="./img/1.jpg" alt="">
    <img src="../../../img/2.jpg" alt="这是小金毛" title="你饿了/金毛给你送外卖">
    <!--新的页面打开-->
    <a href="../0611/day01.html" target="_blank" title="这是百度">百度</a>
    <!--当前页面打开-->
    <a href="../0611/day01.html" target="_self">百度</a>
    <a href="./img.zip">下载</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>
    <a name="middle">中部</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <!--设置连接-->
    <a href="#top">回到顶部</a>
    </body>
    </html>

  • 相关阅读:
    [Flutter] 转一个Flutter学习思维导图
    [Node.js] TypeScript 实现 sleep 函数
    [Docker] Win10中安装Docker并运行Nginx镜像
    [Zabbix] 安装MySQL5.7, 部署Zabbix到CentOS 7日记
    [Delphi]无边框窗口最大化不挡任务栏方法
    [Flutter] 一些面试可能会问基础知识
    Flutter main future mirotask 的执行顺序
    Underscore.js基础入门
    将第三方包安装到maven本地仓库
    Ubuntu下JDK1.8安装后配置环境变量
  • 原文地址:https://www.cnblogs.com/hankai2735/p/11024168.html
Copyright © 2020-2023  润新知