Web全栈-a标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a标签基本使用</title>
</head>
<body>
<!--
什么是a标签?
a标签的作用: 就是用于控制页面与页面之间跳转的
a标签的格式: <a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>

a标签中有一个叫做target属性, 这个属性的作用就是专门用于控制如何跳转
_self: 用于在当前选项卡中跳转, 也就是不新建界面跳转. 默认就是_self
_blank: 用于在新的选项卡中跳转, 也就是新建界面跳转

a标签中还有一个属性, 叫做title. a标签中的title和img标签中的title一样, 都是用来控制鼠标悬停时显示的提示文本的

注意点:
1.a标签不仅可以让文字可以点击, 还可以让图片也能够被点击
2.一个a标签必须有一个href属性, 否则a标签不知道要跳转到什么地方
3.如果通过a标签的href属性指定一个URL地址, 那么必须在地址前面加上http://或https://
4.a标签的href属性除了可以指定一个网络地址以外, 还可以指定一个本地地址
-->

<a href="https://www.nuomi.com/?cid=002540">糯米</a>

<a href="https://binjiejw.tmall.com/category-1080022346.htm?search=y&parentCatId=1080019249&parentCatName=%A1%A4?catName=??%A1%A4???????spm=a220o.1000855.w5001-10945243352.20.Fq84rf&scene=taobao_shop&ali_trackid=30_e27f91873d121ea29b062a117ba2991b&spm=a21bo.50862.201862-4.1.9GysHu#bd">
    <img src="images/QRCode.jpg" width="150">
</a>

<a href="08-br标签.html">08-br标签.html</a>
<a href="test/demo/10-路径练习.html">10-路径练习.html</a>

<a href="https://www.nuomi.com/?cid=002540" target="_self">糯米</a>
<a href="https://www.nuomi.com/?cid=002540" target="_blank">糯米</a>

<a href="https://www.nuomi.com/?cid=002540" target="_blank" title="江哥提示: 会跳转到百度糯米的首页">糯米</a>

</body>
</html>

原文地址:https://www.cnblogs.com/yindanny/p/11665507.html

时间: 2024-11-13 04:25:24

Web全栈-a标签的相关文章

Web全栈-base标签、假链接

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>base标签.假链接</title> <base target="_blank"> </head> <body> <!-- base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如

Web全栈-Datalist标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Datalist标签</title> </head> <body> <!-- 1.datalist标签 作用: 给输入框绑定待选项 2.datalist格式: <datalist> <option>待选项

Web全栈-Label标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Label标签</title> </head> <body> <!-- 1.默认情况下文字和输入框是没有关联关系的, 也就是说点击文字输入框不会聚焦, 如果想点击文字时让对应的输入框聚焦, 那么就需要让文字和输入框进行绑定 2.

Web全栈-marquee标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>marquee标签</title> <style> marquee { width:200px; height:200px; background-color: skyblue; } </style> </head> &l

Web全栈-audio标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>audio标签</title> </head> <body> <!-- 1.什么是audio标签? 作用: 播放音频 格式: <audio src=""> </audio> <a

基于LeanCloud云引擎的Web全栈方案

LeanEngine-Full-Stack The FULL STACK DEVELOPER 复杂的项目, 协作分工, 自动化流程,代码组织结构,框架选择,国际化方案等 Generator 或者Seed LeanCloud Node.js 服务的 Web 全栈开发技术解决方案. 将基础架构, 自动化构建, 国际化方案等底层技术解决方案组织成一个整体. 整套方案Javascript代码全部使用ECMAScript6 Server端运行基于LeanEngine Node.js环境,npm  Expr

《web全栈工程师的自我修养》阅读笔记

在买之前以为这本书是教你怎么去做一个web全栈工程师,以及介绍需要掌握的哪些技术的书,然而看的过程中才发现,是一本方法论的书.读起来的感觉有点像红衣教主的<我的互联网方法论>,以一些自己的经历和感悟来阐述web全栈工程师需要具备哪些素质,而不仅仅是需要哪些技术.这算是我买的书中看的最快的一本书. 在阅读这本书之前,我对全栈工程师的理解还停留在node阶段,随着node在服务端的风生水起,有一段时间会认为使用nodejs作为服务端开发,前后端统一使用js开发,便是所谓的全栈开发,比较流行的技术栈

Web全栈工程师修养

全栈工程师现在是个很热的话题,如何定义全栈工程师?在著名的问答网站Quora上有人提出了这个问题,其中一个获得了高票的回答是: 全栈工程师是指,一个能处理数据库.服务器.系统工程和客户端的所有工作的工程师.根据项目的不同,客户需要的可能是移动栈.Web栈,或者原生应用栈 深以为然,所以,全栈工程师应该分为Web全栈和App全栈.恰巧最近看了本有关Web全栈工程师的书,记录下其中一些观点. 笔记 应该从能力和思维方式两方面来判定一个人是否是一个合格的全栈工程师. 对于一些经理来说,宁可雇佣多个可管

买《Python Web全栈工程师》专题视频课程送纸质图书

经过一年多时间的呕心沥血,Python立体化图书--<Python从小白到大牛>即将与大家见面了.所谓立体化图书包括:电子图书.视频.课件和服务等内容. <Python从小白到大牛>纸质图书将于10月上旬上市,为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院<Python Web全栈工程师>专题视频课程的学员送一本<Python从小白到大牛>纸质版图书.请于购买课程后10个工作日内申请赠书,过期视为放弃.注意:苹果支付购买,以及打折活动购买不