首页 > 其他分享 >HTML入门-----常见标签之超链接标签

HTML入门-----常见标签之超链接标签

时间:2023-07-18 17:55:44浏览次数:34  
标签:网页 href 标签 第一章 HTML ----- 超链接 跳转

image

超链接标签:主要用于网页中的跳转
image
相关属性:
href:网页地址,注意:如果是外站,需要加上协议:http://或https://
target:目标,指的是窗口的目标,属性值通常是:_blank表示新建一个窗口来显示网页
特殊用法:锚点
示例:

<!DOCTYPE html> 
<html>
	<head>
		<meta charset="utf-8"> 
		<title></title>
	</head>
	<body>
	<h1>天龙八部</h1>
	<a href="#1">第一章</a><br/>
	<a href="#2">第二章</a><br/>
	<a href="#3">第三章</a><br/>
	<a href="#4">第四章</a><br/>
	<h2 align="center"><a name="1">第一章</a></h2>
	<p>
	aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
	<h2 align="center"><a name="2">第二章</a></h2>
	<p>
	bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
	<h2 align="center"><a name="3">第三章</a></h2>
	<p>
	ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p>
	<h2 align="center"><a name="4">第四章</a></h2>
	<p>
	ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
	</body>

因为
<a href="#1">第一章</a><br/>
中的href="#1"
<h2 align="center"><a name="1">第一章</a></h2>
中name="1"也为1,所以单我们在网页中点击第一章的时候他就会跳转到第一章中,其它同理。

标签:网页,href,标签,第一章,HTML,-----,超链接,跳转
From: https://www.cnblogs.com/xiaoliwangan/p/17563698.html

相关文章

  • 8-102-(LeetCode- 207&210) 课程表
    1.题目 读题  考查点 2.解法思路这个问题可以用图论的方法来解决,具体思路如下:将课程和先修课程看作有向图的节点和边,如果要学习课程ai,则必须先学习课程bi,表示为bi->ai。判断图中是否存在环,如果存在环,则说明有些课程无法完成,返回false;如果不存在环,则说明所有课程都......
  • SOA-Suite
    简介安装下载官网:https://www.oracle.com/middleware/technologies/soasuite/downloads.html选择对应系统后,点击QuickStart的链接,即可下载安装操作系统:Windows10解压下载的两个压缩包,至同一目录下系统装有jdk1.8_211(适配SOA12.2.1.4,试装了1.8.251后启动Jd......
  • 魔功心法-函数表达式篇(工具类)
    前言:函数表达式篇拖太久了。而且里面的知识点很零散,陆续1-2个月了,也没有找到入手点,体系庞大且复杂,还没有把脉络捋清楚,加上一些个人的事情一直抽不开身。但是抽空写了个工具类,这个工具类主要是包装作用,把要学习的内容大致都过了一遍,先凑合着用吧,已经连注释都懒得写了(~)。工具类......
  • 设计模式-外观模式在Java中的使用示例
    场景外观模式外观模式是一种使用频率非常高的结构型设计模式,它通过引入一个外观角色来简化客户端与子系统之间的交互,为复杂的子系统调用提供一个统一的入口,降低子系统与客户端的耦合度,且客户端调用非常方便。示例自己泡茶和去茶馆喝茶的区别,如果是自己泡茶需要自行准备茶叶、......
  • SSM整合--前后台协议联调(添加功能)
    设置html文件中添加的弹窗 发送ajax请求,注意使用的时rest风格,post使用forData获取到页面表单的数据,然后发送给后台设置添加成功后,添加表单消失,并且重新查询全部 ......
  • 3.18 基础案例2.0-定位电话
    基础案例2.0-定位电话简介准备硬件图功能实现1、物联网平台开发2、设备端开发调试物联网应用开发3.1新建‘普通项目’3.2关联产品和设备3.3新建web应用3.4添加组件3.5保存预览简介本案例模拟手机通话功能,主控板上有三个按钮,RST重启按钮、BOOT下载模式按钮、KEY1自定义按钮。KE......
  • HaaS506 - HaaS506资源目录
    HaaS506-快速开始----资源目录一、选择你的开发板硬件型号区别二、HaaS506开发资料HaaS506-M320API接口案例基础使用案例综合案例HaaS506-M601M601开发板原理图及硬件设计手册API接口案例基础使用案例综合案例HaaS506-HD1RTUAPI接口案例基础使用案例综合案例三、haas506-......
  • 算法练习-day20
    二叉树669.修剪二叉搜索树题意:给你二叉搜索树的根节点root,同时给定最小边界low和最大边界high。通过修剪二叉搜索树,使得所有节点的值在[low,high]中。修剪树不应该 改变保留在树中的元素的相对结构(即如果没有被移除,原有的父代子代关系都应当保留)。可以证明,存在唯一的答案 ......
  • HaaS506-HD1 RTU快速开始
    一、简介        HaaS506-HD1是一款基于4G-CAT1通信的工业级RTU。        支持一路485、一路232、2路AI、2路DI、2路继电器接口。支持TCP、HTTP、MQTT等多种网络协议。适用于各种数据采集、传输、控制场景。        内置与阿里联合开发的HAAS框架,作为一......
  • Revit二次开发-创建用户只读的共享参数
      在族环境里面绑定共享参数,并且用户在属性面板不可修改参数值[Transaction(TransactionMode.Manual)]publicclassSharedParameters:IExternalCommand{privatereadonlystring_desktop=Environment.GetFolderPath(Environment.SpecialFolder.Desk......