初始化的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的链接

　　<base href="https://www.baidu.com/" target="_blank">
</head>
<body>

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

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

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

返回顶端

<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标签的用法的更多相关文章
	

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

	


随机推荐
	

    
									
  1. 常用css相关笔记
			
    最后一个css不加样式 .nav-sort li:not(:last-child) { border-bottom:#3e3e3e 1px solid; } 垂直居中 vertical-align:  ...
    
			
    2. 
						
  2. vue（js）点击目标div以外区域将目标div隐藏
			
    今天开发新项目的时候,有个需求,点击一个div 展示出个弹出窗 弹出窗标题的颜色要跟点击的div图标颜色一致, 所以这就需要我遍历一下多个数据, 然后需要点击弹出div的外部其他区域,隐藏这个div. ...
    
			
    3. 
						
  3. 以当前时间作为GUID的方法
			
    在C#中,系统提供了GUID类,用户可以通过该类来获得128位的唯一标识,但是该标识不具有可读性,很难把该GUID显示在界面上,以当前时间精确到毫秒来作为GUID是一个比较不错的做法,但是DateTi ...
    
			
    4. 
						
  4. SQL Server 批量 删除表索引
			
    当旧的数据库中的数据几乎很少使用到的时候,索引又占用着较大的磁盘空间,数据又不能删除,又想节省磁盘空间. 这个时候可以将所有表的索引进行删除了(先创建索引备份脚本,以备需要还原),可以批量一起删除.  ...
    
			
    5. 
						
  5. 一、.net core 集成vue
			
    一.npm安装WebPack (这种情况就会出现在项目外部,只不过借用VS的程序包管理器控制台获取而已) 右击新建项目创建webpack
    
			
    6. 
						
  6. NLP 中任务及相关概念
			
    命名实体识别 命名实体识别(Named Entity Recognition,简称NER),又称作"专名识别",是指识别文本中具有特定意义的实体,主要包括人名.地名.机构名.专有名 ...
    
			
    7. 
						
  7. c#中DataTable和DataSet区别
			
    你可以把DataTable和DataSet看做是数据容器,比如你查询数据库后得到一些结果,可以放到这种容器里,那你可能要问:我不用这种容器,自己读到变量或数组里也一样可以存起来啊,为什么用容器? 原因 ...
    
			
    8. 
						
  8. QQ群文件未通过安全检查，禁止下载该文件
			
    直接用手机收藏群文件,然后用电脑登上qq去收藏里面下载就ok了
    
			
    9. 
						
  9. SSM框架整合之单独整合Mybatis
			
    整合步骤 导入必须jar包 mybatis核心jar包 mybatis依赖jar包 数据库驱动包 建立数据库表 建立实体类 建立Mapper接口 建立sql映射文件 <?xml version= ...
    
			
    10. 
						
  10. HBase过滤器（转载）
			
    HBase为筛选数据提供了一组过滤器,通过这个过滤器可以在HBase中的数据的多个维度(行,列,数据版本)上进行对数据的筛选操作,也就是说过滤器最终能够筛选的数据能够细化到具体的一个存储单元格上(由行 ...
    
			
    11.