一个简易的连接

<a href="01.html">01</a>

<body>

		<a href="01.html" target="_blank">01</a>

		<a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1">

		B站</a>

		<a href="01.html" title="鼠标放上来">01</a>

	</body>

target="_blank" 可以另开一个网页

title在光标放上时，会显示一个title

<body>

		<a name="p1"></a>

		<p>p1</p>

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<a name="p2"></a>

		<p>p2</p>

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<p>p3</p>

	</body>

　在<p>中定义一个名字

在<a>标签中 < a name="p">, 可以达到直接跳转地点的目的

</head>

	<body>

		<a href="02.html#p1">p1锚点</a>

		<a href="02.html#p2">p2锚点</a>

		<a href="02.html#p3">p3锚点</a>

		<a name="p1"></a>

		<p>p1</p>

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<br />

		<a name="p2"></a>

		<p>p2</p>

		<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="p3"></a>

		<p>p3</p>

		<br></br>

		<br></br>

		<br></br>

		<br></br>

		<br></br>

		<br></br>

		<br></br>

		<br></br>

<a name="p">先打一个锚点，之后用<a href="p">来跳转　　

<css>允许我们针对a标签的4种状态设置各自的css特性，叫做css伪类

<style>

	a:link {

		color:gray;

	}

	a:hover {

		color:orange;

	}

	a:active {

		color:black;

	}

	a:visited {

		color:purple;

	}

</style>

</head>

    <body>

		<div>

			<a href="#">空连接</a>

			<a href="#">空连接</a>

			<a href="#">空连接</a>

			<a href="#">空连接</a>

		</div>

		<div>

		</div>

	</body>　　

a:link是连接最开始的颜色

a:hover是光标在其上且没点击的颜色

a:active是光标点击且没松手的时刻

a:visited是访问过的

html 超链接标签 锚点 a标签伪类的更多相关文章

  1. python 全栈开发，Day47(行级块级标签,高级选择器,属性选择器,伪类选择器,伪元素选择器,css的继承性和层叠性,层叠性权重相同处理,盒模型,padding,border,margin)

    一.HTML中的行级标签和块级标签 块级标签 常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd 1.独占一行,不和其他元素待在同一行2.能设置宽高3.如果不设置宽高,默认为body ...

  2. HTML5新标签使用及CSS选择器(伪类)

    这些标签能够让搜索引擎更直接的解析页面内容. <header></header>语义:文档或者页面的头部 <nav></nav>语义:导航这两者不是组合 ...

  3. 超链接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。

    <!DOCTYPE html>< html>< head>     <meta charset="utf-8" />     < ...

  4. python 46 边界圆角 、a_img_list标签 、伪类选择器

    一:边界圆角 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...

  5. CSS选择器：伪类（图文详解）

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 伪类(伪类选择器) 伪类:同一个标签,根据其不同的种状态,有不同的样式. ...

  6. css 04-CSS选择器：伪类

    04-CSS选择器:伪类 #伪类(伪类选择器) 伪类:同一个标签,根据其不同的种状态,有不同的样式.这就叫做"伪类".伪类用冒号来表示. 比如div是属于box类,这一点很明确,就 ...

  7. 前端开发HTML&css入门——伪类选择器和一些特殊的选择器

    伪类和伪元素 有时候,你需要选择本身没有标签,但是仍然易于识别的网页部位,比如段落首行或鼠标滑过的连接.CSS为他们提供一些选择器:伪类和伪元素. 常用的一些伪类选择器: :link :visited ...

  8. 12、第十二节课，css伪类 （转）

    一.特殊选择器 1.* 用于匹配任何的标记 2.> 用于指定父子节点关系 3.E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F 4.E ~ F 匹配所有E元素之后的同级元素F 5. ...

  9. 超链接标签的CSS伪类link,visited,hover,active

    CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果. CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有: ...

随机推荐

  1. DeeplabV3+ 训练自己的遥感数据

    一.预处理数据部分 1.创建 tfrecord(修改 deeplab\ dateasets\ build_data.py) 模型本身是把一张张 jpg 和 png 格式图片读到一个 Example 里 ...

  2. jmeter（二十五）linux环境运行jmeter并生成报告

    jmeter是一个java开发的利用多线程原理来模拟并发进行性能测试的工具,一般来说,GUI模式只用于创建脚本以及用来debug,执行测试时建议使用非GUI模式运行. 这篇博客,介绍下在linux环境 ...

  3. ELK原理与简介

    为什么用到ELK: 一般我们需要进行日志分析场景:直接在日志文件中 grep.awk 就可以获得自己想要的信息.但在规模较大的场景中,此方法效率低下,面临问题包括日志量太大如何归档.文本搜索太慢怎么办 ...

  4. Jmeter名词注解

    取值 ${ip}排除 .*\.js .*\.css .*\.png .*\.gif .*\.msp .*\.js 提取值 (.+?) (.*?)[() 括起来的部分就是需要提取的,对于你要提的内容需要 ...

  5. iOS开发基础-Plist实现嵌套模型

    一.plist文件结构图 说明: title 属性表示该 item 下汽车名字的首字母, cars 属性存放首字母为 title 的汽车, icon 属性存放图片的名称, name 属性存放汽车的名字 ...

  6. iview 无法缓存的问题

  7. DAY17、常用模块

    一.time模块 1.时间戳(timestamp):time.time()     #可以作为数据的唯一标识   是相对于1970-1-1-0:0:0时间插值 2.延迟线程的运行:time.sleep ...

  8. Python——socketserver编程（客户端/服务器）

    一.socketserver是标准库中的高级模块,它的目标是简化很多多样板代码,是创建网络客户端和服务器所必须的代码.(事件驱动) 二.模块类 BaseServer :包含核心服务器功能和mix-in ...

  9. 如何使用Excel表格状态栏动态查看统计

    该文是以前的博文,本文中有一列是快递单号,其实这一列根本不需要,一般快递几天就到,在excel表中存快递单号,纯属浪费时间,快递单号一般都会有客户留存联,而且也登入了网上的表格,所以个人用的excel ...

  10. 【数学建模】数模day13-灰色系统理论I-灰色关联与GM(1,1)预测

    接下来学习灰色系统理论. 0. 什么是灰色系统? 部分信息已知而部分信息未知的系统,我们称之为灰色系统.相应的,知道全部信息的叫白色系统,完全未知的叫黑色系统. 为什么采用灰色系统理论? 在给定信息不 ...