HTML5入门学习——超链接，页内锚点

最新推荐文章于 2024-03-14 09:39:32 发布
最新推荐文章于 2024-03-14 09:39:32 发布
阅读量337 收藏
点赞数
分类专栏： HTML CSS 文章标签： HTML5入门学习 超链接 邮件的抄写与发送 页内锚点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44812507/article/details/102484743
版权
HTML 同时被 2 个专栏收录
5 篇文章 0 订阅
订阅专栏
CSS
3 篇文章 0 订阅
订阅专栏

超级链接–页内锚点和邮件的发送与抄写

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <title>超链接</title>
</head>
<body background=".//11.jpg">
    <h1 style="background-color: aqua">超链接--邮件、锚点</h1>
    <h3>超链接&lt;a&gt;之name属性</h3>
    <ul>
        <li><a href="#anchor01">anchor01</a></li>
        <li><a href="#anchor02">anchor02</a></li>
        <li><a href="#anchor03">anchor03</a></li>
    </ul>
    <h3>邮件发送与抄送地址链接mailto？cc=</h3>
    <a href="mailto:*********@qq.com?cc=*********@qq.com">
        通过mailto:example@email.com？cc=@email.com
    </a>
    <h3>添加邮件主题和内容</h3>
    <a href="mailto:*********@qq.com?cc=1902039324@qq.com&subject=Email%20Subject&body=Email%20Body%20Text">
        各参数之间用&字符连接<br>
        subject=Emaile%20Subject表示邮件主题<br>
        body=Email%20Body%20Text表示邮件内容<br>
        %数不同表示不同的含义
    </a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <h3 id="anchor01">锚点-01</h3>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <p>
        <h3>锁定锚点使用id或者name</h3> <br>
        <a name="anchor02">锚点-02</a>
    </p>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <p>
        <a name="anchor03">锚点-03</a>
    </p>
    <h3>超链接之target</h3>
    <p>
        <a href="2.html" target="_blank">_blank打开一个新标签页/_self在当前标签页显示/
            _parent在父窗口显示/_top清空所有被包含的标签页再显示
        </a>
    </p>
</body>
</html>
奋斗的小小ц
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5系列代码：同一页面内实现链接
BLOG域名:programb.blog.csdn.net
06-26 1603
!DOCTYPE html声明为 HTML5 文档 html元素是 HTML 页面的根元素 head元素包含了文档的元（meta）数据，如 meta charset="utf-8"定义网页编码格式为 utf-8。 title元素描述了文档的标题 body元素包含了可见的页面内容 h1元素定义一个大标题 p元素定义一个段落 <html> <head> <title>同一页面内实现链接</title> </head> <body&g.
在HTML5中，锚点链接（anchor links）通常用于在同一页面的不同部分之间导航，或者跳转到其他页面的特定部分
BLOG域名:programb.blog.csdn.net
06-29 833
此外，由于同源策略的限制，如果加载的是来自不同源的页面，你将无法从主页面控制内的滚动或其他DOM操作。如果你想在框架（例如）内部使用锚点链接，你需要注意的是，由于同源策略（Same-Origin Policy）的限制，你不能直接从一个页面的中链接到另一个页面的特定部分，除非这两个页面共享相同的源（协议、域名和端口）。当点击链接时，JavaScript会阻止链接的默认行为，并找到对应id的元素，然后使用scrollIntoView方法平滑地滚动到该元素的位置。在外部，我创建了三个锚点链接，分别指向这些部分。
为页面添加锚点链接
xm2by的博客
08-11 3932
为页面添加锚点链接 1、scrollToView 2、a标签与id结合 3、
用锚点链接实现内容或图片的页内切换
weixin_41740463的博客
07-16 1441
成果演示 http://148.70.92.46/H5/html&css/anchor/anchor1.html 如图所示: 使用了定位和锚点链接的方式,html结构如下所示: <div class="box"> <div class="all"> <div class="big"> <img id="a01" src="images/banner_01.jpg" > <img id="a02" src="im
html网页内部超链接介绍
Kyrieki11的博客
05-23 4907
超链接 html 内部超链接
小白学习HTML(二)——超链接与锚点
qq_49088441的博客
07-08 1410
1、创建超链接 一个网站通常由多个页面构成，如果想从首页跳转到其他页面，就需要在首页相应的位置添加超链接，而在HTML中创建超链接非常简单，只需用<a></a>标记环绕需要被链接的对象即可。 基本语法格式 <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a> href用于指定链接目标的url地址，当为<a>标记应用href属性时，它就具有了超链接的功能。 tar.
10.HTML超链接练习(含锚点链接)
weixin_42866896的博客
10-10 1776
实现代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;练习&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;center&am
EduCoder-Web程序设计基础-html5—web编程训练-html5-超链接的应用-第4关：创建页内超链接
weixin_51402180的博客
12-01 651
目录任务描述相关知识页内链接编程要求测试说明代码示例 任务描述 本关任务：编写一个能实现网页内部超链接的程序。 相关知识 为了完成本关任务，你需要掌握：1.页内链接的概念，2.页内链接的设置方法。 页内链接 从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。 页内链接的设置 页内链接的设置有两个步骤： 1.在目标位置处设置锚点，若锚点名称为“name1",代码如下： 2.设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下： 跳转至name1 编程要求 请在右侧编辑器中的Begi
HTML5网页中的链接
FOR.GET
09-16 7399
1 网页超链接的概念 1.1 什么是网页超链接   指的是从一个网页向一个目标的链接关系，以特殊的编码的文本或者图形的形式来实现链接，点击该链接，会传送到某个位置，或者打开新的网站。网页中的链接，一般以蓝色字体，文字下有下换线，鼠标放在上面会出现小手的情况，单击即可跳转。如果访问过该链接，其文本则会变色(默认为紫色)。 1.2 超链接的URL   URL是Uniform Resource Locator的缩写，由以下四部分组成：协议、主机名、文件夹名和文件名，网页文件以.html或.htm为扩展名。
HTML5_超链接、锚点、下载、表格、表格嵌套、列表、页面布局、表单
itszt888的博客
08-03 2019
1、修改图片的高度和宽度 ● 1、如果要修改一张图片的尺寸，最好先算好宽度与高度的比例 ● 2、如果修改图片时 只修改宽度或者只修改高度时另一项属性会根据宽度或者告诉的缩放比例进行调整2、PNG图片和JPG图片 PNG格式的图片 一般保存白色背景为透明色的图片 JPG格式的图片 一般保存类似照片的图片 白色就是白色3、超链接<a hr
html 页内跳转
weixin_30616969的博客
02-19 982
第一种 <a href="#div1">to div1</a> //跳转链接<div id="div1">div1</div> //跳转地点 第二种 这种方法会跳转到底部 <a href="#label">Jump</a> //跳转链接 <a name="label">Text to ...
HTML基础：超链接之锚点链接
最新发布
u013179804的博客
03-14 5529
在页面的目标位置（一定是页面中的某个元素）处添加一个具有唯一标识符的锚点。
web前端学习（四）——HTML5的超链接标签设置（页面间链接、锚链接以及邮件链接）
热门推荐
★★光亭★★
12-19 1万+
web前端学习（四）——HTML5的超链接标签设置（页面间链接、锚链接以及邮件链接）
超链接定义锚点&表格
m0_51683428的博客
10-21 375
超链接定义锚点 <body> <a name="top"></a> <!-- 超链接跳转到指定的锚点 --> <a href="#p1">产品1</a> <a href="#p2">产品2</a> <a href="#p3">产品3</a> <a href="#p4">产品4</a> <a href="#p5">产品5&lt
HTML5锚点教程
jgh113的博客
06-06 2290
锚点: 是网页制作中超级链接的一种，又叫命名锚点。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。英文名:anchor使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。怎么创建锚点1、在”文档”窗口的”设...
HTML5+CSS3网页设计从基础到入门——锚点链接
m0_65563303的博客
05-15 1611
锚点链接就是点我们点击的链接可以快速到我们页面中的某个位置主要格式如下： 1. 在链接文本的href属性中，设置属性值为“#名字”的形式， 比如<a href＝“#two”>第二集</a> 2. 找到目标位置标签，里面添加一个id属性＝刚才的名字， ...
HTML5 超链接和锚点
SongYuLong
06-07 4691
:指定超链接所指定的另一个资源 :指定使用框架集 来加载另一个资源，_self()自身，_blank(新窗口)，_top(顶层框架)，_parent（父框架） 等框架来加载资源。 :指定目录URL所引用的媒体类型，默认为all。只有当指定了href属性时该属性才有效。 :主要可以包含文本，图像，各种文本格式化元素和表单元素的内容。 一个完整的URL格式： scheme://hos
html5怎样添加锚点链接
weixin_43928264的博客
03-29 2552
html5添加锚点链接是为了更快的到达自己想要读到的部分。 添加锚点链接还是比较简单的： 首先，在需要添加锚点的位置设置链接锚点，代码如下： <a name="point">******</a> 这样就对链接位置进行了命名，接下来只需要链接即可，在头部的索引栏或者导航栏中的******添加如下代码： <a href="point">******</a&g...
HTML零基础入门（中）
wujianrenn的博客
10-22 2765
超链接，表格标签，合并单元格
HTML超链接与锚点详解
本章的目标是让学习者掌握如何使用HTML创建超链接，特别是如何设置锚点，以便实现页面内部的跳转。 首先，超链接是一种连接源端点（如文本或图像）与目标端点（可以是网页、文件、图像等）的机制。根据目标端点的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值