测开之路八十七：HTML之a标签的用法

初始化的HTML结构为，只需要在body里面加网页的标签和要显示的内容即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page01</title>
</head>
<body>

</body>
</html>

如：加个a标签，链接到外部资源

<h1>a标签为超链接</h1>
<!-- target="_blank" 在新标签中打开 -->
<a href="https://www.baidu.com/" target="_blank">百度</a>

链接到本地资源

<!-- 链接到本地资源 ../上一级-->
<a href="../page-02.html" target="_blank">去page02</a>

标签关联：点击问题一，跳转到问题一的答案 #id

<!-- 点击问题一，跳转到问题一的答案 #id-->
<a href="#as01" style="color: blue">问题一</a>
<p id="as01">问题一的答案</p>

浏览器不能解析的资源自动为下载链接

<!-- 浏览器不能解析的资源自动为下载链接 -->
<a href="../new1.zip">点击下载new1</a>

a标签自动连接到head的base的链接

<a href="contact.html">联系我们</a>

a标签自动连接到head的base的链接

返回顶端

<a href="#">返回顶端</a>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page01</title>
    <base href="https://www.baidu.com/" target="_blank">
</head>
<body>
    <!-- href="contact.html" 会自动连接到上面的base的链接 -->
    <a href="contact.html">联系我们</a>

    <p>

    </p>

    <!-- href="contact.html" 会自动连接到上面head的base的链接 -->
    <a href="contact.html">联系我们</a>

    <p> </p>
    <!-- 浏览器不能解析的资源自动为下载链接 -->
    <a href="../new1.zip">点击下载new1</a>

    <p> </p>
    <!-- 点击问题一，跳转到问题一的答案 #id-->
    <a href="#as01" style="color: blue">问题一</a>
    <p id="as01">问题一的答案</p>

    <!-- 链接到本地资源 ../上一级-->
    <a href="../page-02.html" target="_blank">去page02</a>

    <h1>a标签为超链接</h1>
    <!-- target="_blank" 在新标签中打开 -->
    <a href="https://www.baidu.com/" target="_blank">百度</a>

    <a href="#">返回顶端</a>

</body>
</html>

测开之路八十七：HTML之a标签的用法的更多相关文章

测开之路七十七：性能测试蓝图之js
//定义全局的editor = nullvar editor = null; //ace_editor的初始化函数function ace_editor() { var editor = ace.ed ...
测开之路九十七：js的引用方式
第一种:引用外部js文件准备一个js文件 <script src="../js/js01.js"></script& ...
测开之路八十九：HTML之图片处理
 <img src="../imges/img0 ...
测开之路八十八：HTML之文本格式化
准备一段文本内容强调显示:  <p><b>这是b标签的效果</b></p> <!-- strong ...
测开之路八十六：python操作sqlite
创建sqlite数据库,并创建表和数据 python自带sqlite3库可以创建数据库文件导入库:import sqlite3 创建游标,指定数据库名字:con = sqlite3.connect( ...
测开之路八十五：python处理csv文件
写入csv文件一:写入字典二:写入普通数据读取: 第一种:普通读取第二种:读取csv并用namedtuple映射列名,类似于使用类的实例第三种:字典形式 import csvfrom col ...
测开之路八十三：高级函数：map()和filter()
# map(函数名,可迭代对象)# 给可迭代对象的每个值+5l = list(range(1, 21)) def add_number(x): return x + 5 # 第一种方式print ...
测开之路八十二：匿名函数：lambda表达式
# 匿名函数:lambda表达式# lambda 参数: 逻辑f = lambda name: print(name)f('tom') f2 = lambda x, y: x + yprint(f2( ...
测开之路八十一：参数定义之*args和**kwargs
# *,不定长参数,*args# 定义函数参数def avg(score, *scores): return (score + sum(scores)) / (len(scores) + 1) ...

随机推荐

50. Pow(x, n) (JAVA)
Implement pow(x, n), which calculates x raised to the power n(xn). Example 1: Input: 2.00000, 10 Out ...
XMPP实现原理
XMPP协议简介 XMPP(Extensible Messageing and Presence Protocol:可扩展消息与存在协议)是目前主流的四种IM(IM:instant messagi ...
出现（ linker command failed with exit code 1）错误总结(http://blog.csdn.net/hengshujiyi/article/details/21182813)
这种问题,通常出现在添加第三方库文件或者多人开发时. 这种问题一般是找不到文件而导致的链接错误. 我们可以从如下几个方面着手排查. 1.以如下错误为例,如果是多人开发,你同步完成后发现出现如下的错误. ...
L3-006. 迎风一刀斩
迎着一面矩形的大旗一刀斩下,如果你的刀够快的话,这笔直一刀可以切出两块多边形的残片.反过来说,如果有人拿着两块残片来吹牛,说这是自己迎风一刀斩落的,你能检查一下这是不是真的吗? 注意摆在你面前的两个多 ...
ASP.NET Core 基础知识（五）依赖关系注入
参考https://www.cnblogs.com/jesse2013/p/di-in-aspnetcore.html 和 https://www.cnblogs.com/artech/p/net-c ...
【leetcode】Preimage Size of Factorial Zeroes Function
题目如下: 解题思路:<编程之美>中有一个章节是不要被阶乘吓倒,里面讲述了“问题一:给定一个整数N,那么N的阶乘末尾有多少个0呢?例如N = 10, N! = 362800,N! 的末尾有 ...
LeetCode--617--合并二叉树(python)
给定两个二叉树,想象当你将它们中的一个覆盖到另一个上时,两个二叉树的一些节点便会重叠. 你需要将他们合并为一个新的二叉树.合并的规则是如果两个节点重叠,那么将他们的值相加作为节点合并后的新值,否则不为 ...
jq刷新页面
//页面加载时绑定按钮点击事件$(function(){ $("#按钮id").click(function(){ refresh(); });});// ...
Packet Transactions: High-level Programming for Line-Rate Switches
Name of article:Packet Transactions: High-level Programming for Line-Rate Switches Origin of the art ...
[BZOJ4817][SDOI2017]树点涂色：Link-Cut Tree+线段树
分析与[BZOJ3779]重组病毒唯一的区别是多了一个链上求实链段数的操作. 因为每条实链的颜色必然不相同且一条实链上不会有两个深度相同的点(好像算法的正确性和第二个条件没什么关系,算了算了),画图 ...

测开之路八十七：HTML之a标签的用法

测开之路八十七：HTML之a标签的用法的更多相关文章

随机推荐

热门专题