当前位置: 首页 > news >正文

HTML:链接

目录

一、超链接

二、 外联元素


一、<a>超链接

<a> 标签用于定义超链接,超链接可以让用户从一个网页跳转到另一个网页。

 常用属性:

href指定链接的目标地址。
download表示链接是一个下载链接,指定下载的文件名。
target

指定在何处打开超链接。
_blank:在新窗口中打开
_parent:在当前的父窗口中打开,如果不存在父窗口,此选项的行为方式与 _self 等同
_self:当前窗口打开(默认)
_top:在整个窗口中打开
framename:在指定的框架中打开

#id:定位页面元素(锚定位法)

title

指定链接的标题,鼠标悬停时显示。

案例:指定窗口显示

<a href="./txt/三国演义目录.txt" target="frame">目录</a>
<iframe class="frame1" name="frame"  src="./txt/三国演义目录.txt"    frameborder="1">

案例:锚定位法:

<a href="#mod" > 第五回 发矫诏诸镇应曹公 破关兵三英战吕布</a>
<p id="mod" > 第二十二回 袁曹各起马步三军 关张共擒王刘二将</p>

二、<link>外联元素

<link> 标签用于指定外部资源。

常用属性:

属性描述
hrefURL指定被链接资源的 URL。
mediamedia_query指定被链接的资源将被显示到什么设备上。
relicon页面图标、stylesheet样式表指定当前文档与被链接资源之间的关系。
type

image/x-icon,text/css

规定被链接的文档类型

案例:链接图标

<link rel="icon" href="img/2.ico" type="image/x-icon">

案例:链接样式表

<link rel="stylesheet" href="css/menu.css" type="text/css">
http://www.lryc.cn/news/338824.html

相关文章:

  • vscode远程连接centos
  • scala---面向对象(类,对象,继承,抽象类,特质)
  • 【机器学习300问】68、随机初始化神经网络权重的好处?
  • 数据结构与算法——20.B-树
  • Tomcat源码解析——Tomcat的启动流程
  • 蓝桥杯真题演练:2023B组c/c++
  • 微信小程序实现预约生成二维码
  • 专业140+总分410+北京理工大学826信号处理导论考研经验北理工电子信息通信工程,真题,参考书,大纲。
  • 做一个后台项目的架构
  • 嵌入式单片机 TTL电平、232电平、485电平的区别和联系
  • 2024年大唐杯备考
  • Spring Boot(06):Spring Boot与MySQL搭配,打造极简高效的数据管理系统
  • Vue3 + Vite 构建组件库发布到 npm
  • Vite多环境配置与打包:灵活高效的Vue开发工作流
  • 从零实现诗词GPT大模型:数据集介绍和预处理
  • 45.HarmonyOS鸿蒙系统 App(ArkUI)创建列表(List)
  • 推荐算法之协同过滤
  • Kotlin 面试题
  • TCM(Tightly Coupled Memory)紧密耦合存储器简介
  • 《自动机理论、语言和计算导论》阅读笔记:p172-p224
  • typescript playwright 笔记
  • 从零实现诗词GPT大模型:了解Transformer架构
  • 温故知新之-TCP Keepalive机制及长短连接
  • 架构师系列-搜索引擎ElasticSearch(七)- 集群管理之分片
  • 基于Spring Boot实现的图书个性化推荐系统
  • 安全加速SCDN带的态势感知能为网站安全带来哪些帮助
  • java面向对象.day21(继承02--super)
  • 【数据结构】4.List的介绍
  • acwing算法提高之图论--最近公共祖先
  • C语言 函数——断言与防御式编程