a标签

作用：实现页面之间的跳转
格式：

<a href=”地址”>名字</a>

注意：

a标签可以让文字进行跳转，图片也可以
一个a标签必须要有一个href属性
指定url地址时一定加上http：//或者https；//

Target属性

Self 用于当前页面跳转，也就是不建立新的页面，默认是self
Blank 用于在新的选项卡中跳转

Title属性

同img标签中一样，实现悬停显示弹窗效果

假链接

不知道目标链接地址使用。直接在href中写#，点击之后会回到页面顶部
格式：

<a href="#"> </a>

本地跳转

通过a标签实现本地页面跳转，有两种形式，一种是跳转到本地另一个html文件中；一种是像目录一样跳转到当前页面中一个位置。
前者直接在href中类似相对地址一样写出页面地址
格式：

<a href=”案例.html”>案例</a>

后者是告诉a标签一个独一无二的id，即在要添加的位置给其绑定一个id
格式：

<a href=”#t1”>目录1</a>
<h1 id=”t1”>第一条</h1>

Base标签

所有的链接都想实现在新窗口打开，直接在head标签下添加base标签
格式：

<head>
<base target=”blank”>
</head>

注意：
如果既在base中指定了打开方式又在a中指定了，浏览器会按照a标签中执行

HTML基础（五）——a标签相关推荐

Bootstrap 基础五表格
原文:Bootstrap <基础五>表格 Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签描述 <table> ...
CSS基础选择器之标签选择器(CSS、HTML)
CSS基础选择器之标签选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ...
《FPGA设计实战演练》学习笔记（一）FPGA板级基础五要素电路介绍及注意事项（最小系统）
目录基础五要素(类似最小系统板) 电源电路核心电压 I/O电压辅助电压常见的供电方案 GND的注意事项时钟电路复位电路配置电路外设电路学习书籍:FPGA设计实战演练逻辑篇吴厚航编 ...
Django基础五之Django模型层(二)多表操作
Django基础五之Django模型层(二)多表操作一创建模型表和表之间的关系一对一.多对一.多对多 # 作者表比较常用的信息放在这个表中 class Author(models.Model ...
前端基础HTML-基础标签
前端基础HTML-基础标签 01-标题标签 <h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3>< ...
三十、基础五迪米特法则
基础五迪米特法则 1.什么是迪米特法则 2.狭义的迪米特法则 3.和陌生人说话 4.不要和陌生人说话 5.与依赖倒转原则结合 6.走后门看病 7.办理手续住院 8.迪米特法则和设计模式 9.代码实现 ...
WPF基础五：UI④ 条目控件ContextMenu
派生关系: Object->DispatcherObject->DependencyObject->Visual->UIElement->FrameworkElement ...
050.前端开发之HTML基础及常用标签
050.前端开发之HTML基础及常用标签文章目录一.前端开发介绍 (一)前端开发都有哪些内容 1.HTML是什么? 2.CSS 3.JavaScript 4.HTML.CSS和JavaScript ...
P4-前端基础-语义化标签
P4-前端基础-语义化标签 1.概述在网页中HTML专门用来负责网页的结构所以在使用html标签时,应该关注的是标签的语义,而不是它的样式 2.语义化标签介绍 2.1.标题段落 &l ...
HTML的学习心得和知识总结（二）|HTML基础和高级标签汇总
目录结构 HTML基础和高级标签汇总文章快速说明索引 HTML 的基础标签 HTML 的高级标签文章快速说明索引学习目标: 可视化和部分交互功能的前端开发内容的学习:HTML CSS JavaS ...

HTML基础（五）——a标签

文章目录

a标签

Target属性

Title属性

假链接

本地跳转

Base标签

HTML基础（五）——a标签相关推荐

最新文章

热门文章