测开之路八十七:HTML之a标签的用法
2024-09-05 20:46:16
初始化的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>
最新文章
- 指定eclipse启动使用的JVM
- 大毕设-MATLAB-滤波器的实现
- oracle中imp命令详解 .
- ios 防止按钮快速点击造成多次响应的避免方法。
- oracle和mysql获取当前时间的不同
- C#调用NPOI组件导出Excel表格
- c# 委托 和 事件
- highcharts 折线图
- [转]Qt 智能指针学习
- JS 与 OC
- 单元测试系列:Mock工具之Mockito实战
- python初识,变量,条件判断语句,基本数据类型,while循环语句
- day 3 - 1 数据类型
- (转载)中文Appium API 文档
- kubernetes1.4新特性(一):支持sysctl命令
- linux:scp从入门到刚入门
- android-基础编程-democoderjoy-架构篇
- 【spring cloud】【IDEA】【Maven】spring cloud多模块打包,打包的jar包只有几k,jar包无法运行,运行报错:no main manifest attribute, in /ms-eureka.jar
- HDU4678_Mine
- gcc参数PIE和PIC的区别和共同点