超链接和锚链接

<a href=" " tarhet=" ">XXXX</a>
href：要跳转的文件路径名称
target:_self(目标页面覆盖当前的页面)
_blank（目标页面弹出心的框来显示）

锚链接
创建步骤：
第一步：创建锚点
<a name="锚点">XXXX</a>
第二步：访问锚点链接
<a href="#锚点">XXX</a>
功能性作用
<a href="mailto:邮箱地址"></a>

时间： 2024-08-28 21:30:03

超链接和锚链接的相关文章

img,a,锚链接,超链接

1.图片标签:img,单标签 图片属性: src(source): 图片的来源(路径),可以放置本地图片,也可以放网上的图片的url地址 title: 当鼠标停留在图片上的时候,显示提示的文字 alt:当文件找不到的时候,显示提示文字 width:宽度 height: 高度 2.路径: 绝对路径(一般不用):指的是文件在计算机里面的位置 相对路径(使用):用户工作目录开始的路径(路径的拼接使用/) ./:当前目录 ../:跳出当前目录,到上一目录 3.超链接:点击跳转,a 超链接的属性:href

html锚链接

锚点(anchor):其实就是超链接的一种,一种特殊的超链接 普通的超链接,<a href="路径"></a> 是跳转到不同的页面 而锚点,<a href="路径"></a> 可以在同一个页面中不同的位置间跳转 可以看到,跳转到锚点的超链接跟普通的超链接格式是一样的, 1.使用锚点的步骤: 1.1.先建立锚点目标, 如上所述,锚点可以在同一页面的不同位置间跳转,其实就是在元素间跳转, 常用的场景就是,页面很长,让用户方

html基础之（章节元素，章节元素，超链接，锚点）详细

章节元素 <body></body> 文档内容 只能一个<body>元素 <header></header>头部标签 logo  导航 <main></main>网站中重要内容 一个文档中只能有一个<main>在<body>标签中 <footer></footer>网站中显示底部的内容,版权内容信息等链接 <nav></nav>导航链接 首页 论坛 博

Web前端(4)_超链接和锚

1.本页面打开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行级标签</title> </head> <body> <a href="http://www.baidu.com" >百度一下</a> </body> <

锚链接

1.同页面锚文本-同页面内上下转到指定位置常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现. 1.在网页添加一个<!--被定位的--> <span id="top" name="top"></span> 2.点击后跳转到被定位的位置(用到a标签)  <!--点击跳转--> <a href="#top">回到顶部</a> 2.多数用于文章标题的跳转 .跳转外部页面

html 超链接标签 锚点 a标签伪类

一个简易的连接 <a href="01.html">01</a> <body> <a href="01.html" target="_blank">01</a> <a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1"> B站</a> <a href=&quo

HTML学习笔记——锚链接、pre标签、实体

1>锚链接 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

平滑滚动－锚链接

老代码了 demo1: var ss = { fixAllLinks: function() { // Get a list of all links in the page var allLinks = document.getElementsByTagName('a'); // Walk through the list for (var i=0;i<allLinks.length;i++) { var lnk = allLinks[i]; if ((lnk.href && ln

JQ 滑动锚链接

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></sc