测开之路八十七：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) ...

随机推荐

剑指offer-二叉树的下一结点-树-python
题目描述给定一个二叉树和其中的一个结点,请找出中序遍历顺序的下一个结点并且返回.注意,树中的结点不仅包含左右子结点,同时包含指向父结点的指针. 思路:中序遍历,pNode节点的下一个节点根据中序 ...
python email模块
python email模块官方文档 email模块电子邮件包是一个用于管理电子邮件消息的库.它的特殊设计不用于向SMTP (RFC 2821).NNTP或其他服务器发送任何电子邮件消息;这些是模 ...
python基础操作---tuple
#coding:utf-8 tup1 = ('physics', 'chemistry', 1997, 2000); tup2 = (1, 2, 3, 4, 5 ); tup3 = "a&q ...
RK3288之kernel目录结构以及功能
:~/RK3288/kernel$ ls android include MAINTAINERS security arch init Makefile sound backported-featur ...
Python自动化学习--鼠标和键盘事件
from selenium import webdriver from selenium.webdriver import ActionChains import time driver = webd ...
02python程序设计基础——字符串
字符串方法 format 1.替换字段名在最简单的情况下,只需向 format 提供要设置其格式的未命名参数,并在格式字符串中使用未命名字段.此时,将按顺序将字段和参数配对.你还可给参数指定名称,这 ...
磁盘IO性能优化-实践
RAID卡缓存策略调整原因详解操作实例 I/O 调度算法文件系统journal 磁盘挂载参数操作实例性能数据对比 RAID卡缓存策略调整可以将RAID卡缓存策略由No Write Cach ...
牛客练习赛33 E tokitsukaze and Similar String （字符串哈希hash）
链接:https://ac.nowcoder.com/acm/contest/308/E 来源:牛客网 tokitsukaze and Similar String 时间限制:C/C++ 2秒,其他语 ...
Divergent series
网址:https://en.wikipedia.org/wiki/Divergent_series
.NET界面控件DevExpress v19.1.3重磅来袭
DevExpress Universal Subscription(又名DevExpress宇宙版或DXperience Universal Suite)是全球使用广泛的.NET用户界面控件套包,De ...

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

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

随机推荐

热门专题