HTML_超链接<a>标签

最新推荐文章于 2024-03-31 09:22:00 发布
最新推荐文章于 2024-03-31 09:22:00 发布
阅读量298 收藏
点赞数
分类专栏： # HTML 文章标签： HTML 热点区域 HTML超链接 HTMLtarget属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45460315/article/details/102501634
版权

1.链接形式

    <a href="#">空链接</a>
    <a href="URL">文字或者图像</a>
    <a href="index.html">链接网页</a>
    <a href="baidu.com"><img src="">链接一个图片</a>
    <a href="mailto:2212257212.@qq.com">邮箱链接</a>
    <a name="a">锚点</a>
    <a href="#a" >锚点</a>

 2.<a>标签属性

（1）href：链接URL

（2）name：指定元素名称,设置锚点

（3）target ：打开窗口（默认在同一窗口）

               _blank:打开新的窗口

              _self:当前窗口

             _top:打开新的窗口

            _parent：在上一级窗口打开

（5）title：鼠标经过超链接显示的文字

（6）media：媒介类型：打印，合成器，显示器

（7）type：指定连接文档类型

3.热点区域链接

（1）<map></map>定义映射区域,利用name获取图片

（2）<img src="" />：插入图片 usemap=“”用于<map>链接图片

（3）<area>标记可点击区域 <area>嵌套在<map>标签中

           属性：shape：参数：rect(矩形)，circle（圆形），poly(多边形)

         cords：设置坐标点，矩形（4点） 左上右下 ，圆（半径与圆心）

（4）href：链接URL

（5）alt：设置替代文字

例

<!DOCTYPE html>
<html>
<head>
    <meta>
    <title>Dome2</title>
</head>
<body>
    <a href="#">空链接</a>
    <a href="URL">文字或者图像</a>
    <a href="http://baidu.com">链接网页</a>
    <a href="#"><img  src="images/timg.gif">链接一个图片</a>
    <a href="mailto:2212257212.@qq.com">邮箱链接</a>
    <a name="a">锚点</a>
    <a href="#a" >锚点</a>
    <img src="images/timg.gif" usemap="A#map">
    <map name="map">
        <area shape="circle" coords="129,161,500" href="Dome01.html">
        <area shape="poly" coords="" href="#">
        <area shape="rect" coords="" href="#">
    </map>
</body>
</html>

 

回忆丶搁浅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML的标签 a标签超链接
01-07
超链接a标签 三种超链接 链接到本站点的其他站点 标签1 连接到其他站点 带有协议部分名字 虚拟超链接 虚拟站点 练习代码 a标签超链接 a标签超链接 目录 其他网点 本站的其他网点1 本站的其他网点2 虚拟网点 ...
HTML超链接a标签_动力节点Java学院整理
09-28
<a>是超链接标签，什么是超链接呢？这篇文章主要介绍了HTML超链接a标签的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
6. HTML 常用标签—超链接
qq_51644044的博客
07-06 1195
文本或图像 < a href = "index.html"> 首页 下载文件 < /a> 第二集 < a href = "#" >首页
HTML学习第七章(HTML超链接--＜a＞标签)
Baileys_99的博客
03-05 3413
HTML超链接标签：HTML使用标签 来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签 中使用了href属性来描述链接的地址。href 属性：指定超链接目标的URL。如果 href 属性没有被指定链接， 标签将不是一个链接。target属性：规定在何处打开目标 URL，默认情况下，超链接在当前的浏览器窗口打开。
HTML常用的图片标签和超链接标签
最新发布
lh11223326的博客
03-31 1821
在HTML中，我们常常用标签来表示超链接。所谓超链接(Hyperlink)简称(Link)，是指用一个地址把一个网页和另外一个网页链接起来，这个东西可以是另外一个网页的地址，也可以当前网页中其他的位置，比如点击回到顶部，还可以是图片，文件，应用程序等，链接的两端分别称为源锚点(当前锚点)和目标锚点(其他的网页)，通过点击源锚点就可以跳转到目标锚点。HTML常用文本标签-CSDN博客HTML标签的语法和属性-CSDN博客。
HTML 超链接标签、图片标签
小楼一夜听春雨，深巷明朝卖杏花
06-29 1433
超链接就是用来跳转到路径上面。herf是和a标签一起使用的，超链接一般都是使用a标签的，herf只是标签a里面的一个属性。本窗口跳转是一种方式，打开新窗口也是一种方式，打开新窗口用的更加多。如果a标签里面设置name属性，那么#name名称，那么相当于瞄点。
02_HTML常用标签（font标签、标题标签、超链接、列表标签、img标签、表格(table)标签、div标签、span标签、p标签）
qq_45657848的博客
01-10 4684
font标签、标题标签、超链接、列表标签、img标签、表格(table)标签、div标签、span标签、p标签
Web基础 HTML标签 六种超链接标签的使用方式
热门推荐
运维派大星
03-29 3万+
Web基础 HTML标签 六种超链接标签的使用方式 分别是：外部链接、内部链接、空链接、下载链接、网页元素链接、锚点链接的使用方式
javascript处理a标签超链接默认事件的方法
10-24
在JavaScript编程中，处理HTML元素，尤其是`<a>`（超链接）标签的默认事件是一项常见的任务。`<a>`标签通常用于导航到其他页面或资源，但有时我们需要在用户点击链接时执行自定义操作，比如验证表单、显示模态窗口或...
HTML中的超链接标签使用教程
12-08
锚点的布置HTML超链接以<a>标签作为锚点进行触发，锚点需要有一个载体，而这个载体可以是一个文字、一个词、或者一句话，也可以是图像或者某个形状。当鼠标移动到带有锚点的载体上时，鼠标会变成一个小手的状态，...
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
09-28
html超链接a标签的href跳转跟onclick之间执行关系：如果onclick返回false，则a不进行跳转，如果onclick返回true，则a跳转，感兴趣的朋友可以了解下本
Web前端——HTML中的超链接
巧克力布丁的博客
07-03 3万+
1.超链接 格式的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>超链接</title> </head> <body> <!-- 超链接可以让我们从一个页面跳转到其他页面， 或者是当前页面的其他位置 使用a标签来定义超链接
HTML超文本标记语言的‘超’——超链接＜a＞标签
csgojingyu的博客
10-21 1389
1:从一个页面跳转到另一个页面2:跳转当前页面的其他位置若将超链接的href属性设置为#，点击超链接后，页面不会发生跳转，而是跳到当前页面的顶部的位置可以跳转到页面的指定位置，只需要将href属性设置为 #目标元素的id属性值给a加标记——id属性（唯一不重复的标记）-每一个标签都可以添加一个id属性-id属性就是元素的唯一标识，同一页面中不能出现重复的id属性-id区分大小写，且不能以数字开头空链接的两种写法，使用javascript:;更加规范。
【HTML】HTML基础4（超链接标签）
2301_79982543的博客
03-01 1021
接着我再在原本的index.html中插入这个超链接，并且设置点击图片跳转（根据上一期的路径知识，这里有一个test/只是我自己的习惯安排，大家要结合自己的习惯）步骤：把图片压缩为zip或者换成exe形式，放进链接部位即可（这里同样要注意路径问题）打开网页后，点击银河护卫队3的字样就可以，跳转到百度百科了。1. herf是必须有的属性，后面接指定目标地址。3. 点击设置的文本或图像可以跳转所要求的链接。例如这里我就引用了银河护卫队的百度百科。用到的是：<a></a>双标签。指的是内部页面的互相连接。
【HTML 教程系列第 13 篇】HTML 中的超链接标签 a，看这一篇就够了
“Allen Su”的博客
10-23 1万+
一：什么是超链接。 二：如何实现超链接。 三：文本超链接、图片超链接。 四：a 标签的 target 属性。 五：超链接的外部链接、内部链接、锚点链接。
HTML5学习笔记——超链接标签与target属性
Etui۹(･༥･´)و的博客
12-26 1682
1.超链接标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>超链接</title> </head> <body> <!-- 超链接可以让我们从一个页面跳转到其他页面， 或者是当前页面的其他位置 使用 a 标签来定义超链接
HTML常用标签之超链接标签
xinxin的博客
10-03 2209
2、内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如< a href=“first_page.html” >首页< /a >。第二步：找到目标位置标签，里面添加一个id属性=刚才的名字，如：< h3 id=“two”>第二集介绍< /h3 >3、空链接：如果编写程序的时候没有确定链接目标时，可使用：< a href = “#”> 首页 < /a >。1、外部链接：例如< a href = “http://www.baidu.com”>百度< /a >。
html中成组出现的标记,网页制作的文本标记(完整版)
weixin_32074113的博客
07-02 519
HTML标记的分类:1) 头部标记：title, meta, link, style2) 文本标记：font, b, i, u , strong,3) 段落标记：p, hn, pre, marquee, br, hr4) 列表标记：ul, ol, li, dl, dt, dd5) 超链接标记：a, map, area6) 图像及媒体元素标记：img, embed, object7) 表格标记：ta...
HTML超链接
m0_48289363的博客
04-09 2万+
超链接，外部链接，内部链接，空链接，下载链接，网页元素链接，锚点链接
在一个<td>里面有很多个<a>标签，打印<td>里某个已知XPath的<a>标签以后的所有超链接
05-26
可以使用以下 Python 代码来实现： ```python from lxml import html # 假设我们已经有了包含HTML的字符串变量html_string和已知XPath的a标签的XPath # 将HTML字符串转换成HTML树 html_tree = html.fromstring(html_string) # 获取所有的<td>标签 td_tags = html_tree.xpath('//td') # 依次遍历每个<td>标签 for td_tag in td_tags: # 获取当前<td>标签下的所有<a>标签 a_tags = td_tag.xpath('.//a') # 遍历所有的<a>标签 for a_tag in a_tags: # 如果当前<a>标签的XPath与已知的XPath相同 if a_tag.xpath('string()') == '已知的XPath': # 打印该<a>标签以及之后的所有超链接 for next_a_tag in a_tag.xpath('./following::a'): print(next_a_tag.xpath('@href')[0]) ``` 上述代码中，我们首先将HTML字符串转换成HTML树，然后获取所有的<td>标签。接着，我们依次遍历每个<td>标签，获取当前标签下的所有<a>标签。对于每个<a>标签，我们判断其XPath是否与已知的XPath相同，如果相同，则遍历该标签之后的所有<a>标签，打印它们的超链接。注意，此处假设超链接都是通过href属性来定义的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值