<a> 元素的 href 属性

最新推荐文章于 2021-10-05 10:55:53 发布
最新推荐文章于 2021-10-05 10:55:53 发布
阅读量298 收藏
点赞数
分类专栏： js jquery 等前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_18714/article/details/82410987
版权

1 , 可以指向 外部的万维网 .  href="http://www.example.com/index.htm"）

 

2,  可以指向站点中的页面 .  （href="index.htm"）

 

3,  可以指向页面中的 锚 #   （href="#top"）

 

 

---------------------

 

值描述
URL超链接的 URL。可能的值：
  • 绝对 URL - 指向另一个站点（比如 href="http://www.example.com/index.htm"）
  • 相对 URL - 指向站点内的某个文件（href="index.htm"）
  • 锚 URL - 指向页面中的锚(href="#top")

 

 

 

 

iteye_18714
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中的href属性_href（HTML属性）
culi3118的博客
08-13 1万+
html中的href属性 描述 (Description) The href defines the document to which the link leads. This may be a web page in the same directory, a page somewhere else on the same server, a location within the curre...
div 超链接_HTML & CSS 基础入门【6】超链接
weixin_39827034的博客
11-29 731
超链接【hyperlink】是网页中最为常见的元素之一，我们几乎可以在所有的网站页面中找到超链接。每个网站都不止一个页面，这些页面就是利用超链接进行串接。超链接帮我们实现了网页与网页之间的跳转。超链接--文字链接文字链接：我们可以使用超链接标签<a><a/>实现文字链接。设置了链接的文字默认样式为蓝色文字，有下划线。<a><a/>标签实现超链接有两个...
HTML元素属性href和src的区别
xawjz的博客
10-05 476
1.英文原意 href的英文原意是：Hypertext Reference Hypertext：超文本 Reference：引用或参照 scr的英文原意是：Source Source：资源 2.常见使用元素 使用href属性常见的元素有：link 和 a 使用src属性的常见元素有：img、style、script、input、iframe等 3.a和img元素的使用 从效果上来看，img中src引用的图片会直接显示在...
Tomcat部署项目，a标签href跳转访问失败、会在访问地址前增加Tomcat根路径
【CSDN】
02-26 906
a标签跳转地址会在前边自动加上当前tomcat根路径 原因是要跳转的域名没有写完整，需要加上协议，如要跳转到百度就是： 正确写法： <a href="http://www.baidu.com"></a> 错误写法： <a href="www.baidu.com"></a> ...
HTML元素 绑定href属性
weixin_30363817的博客
07-27 551
给<li>标签绑定href属性 <ul class="honor-list clearfix"> <li style="cursor:pointer;" href="/Front/NewDetail?id=@item.Id"> 　　<p>这是个链接</p> </li> </ul> ...
<a>标签 href属性值为#或以#开头的意思
u013803262的专栏
04-25 8876
比如说当一个页面里面有一个这样的标签   name为hello的锚点 这个标签可以称之为一个"锚点" 当然页面上还有这两个超链接标签。 回到name为hello的锚点 回到顶层 好那么现在开始讲解 ： href="#hello" 的时该标签可以回到页面内一个name属性为hello的一个标签(name="hello")。 当href="#"的时候该超链接标签可以回到页面顶端
<a href="#"
waj89757的专栏
12-06 1080
#在URL格式中是表示页内锚点的意思，也就是说点击这个链接后，页面会跳到当前页面指定的锚点（或者说“书签”）处。比如在网页的某个地方有个这样的标签： 那么在页面的其他地方只要放一个这样的链接： 回到hello处 只要点击这个链接，页面就会跳到上述标签处。 如果url中用了#但又未指定锚点名称，那么就是跳到当前页面的最顶端，比如： 顶端 这也是一般页面“回到顶端”功能的实现方法。
a标签中href=""的几种用法
热门推荐
Wendy
10-11 24万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h
HTML5和CSS学习笔记（二）
weixin_41905995的博客
04-25 869
接着学习CSS笔记（一） （17）添加带有边框半径的圆角 通过CSS的一个叫border-radius(边框半径)的属性来让边框变成圆的 如：使用像素来指定border-radius的属性值，现在让你的猫咪图片的边框半径为10px <style> .smaller-image { width: 100px; border-radius:10px } </st...
jquery给div或者p添加href自动加载链接内容插件
pc_mvp的专栏
08-05 658
/** * 当class为page的div，p，或者其他的非a标签包含href属性时 * 通过该插件自动的ajax包含的内容 * 当需要改变div的href属性时，需要手动的trigger触发hrefChange自定义事件 * $("#test").attr("href", "bee1314.iteye.com"); * $("#test").trigger("hrefCha...
FreeCodeCamp学习笔记（1）
hongliuhua的博客
03-07 2506
22.Size your Images 改变宽度 改变宽度   .larger-image {     width: 500px;   }   23.Add Borders Around your Elements 改变边框 如果我们想要让一个HTML元素的边框颜色为红色、边框宽度为5像素(px)、边框样式为固体(solid)，代码如下:   .thin-red-b
使用hash(哈希)符号生成固定链接
qq_37499398的博客
04-28 4261
Make Dead Links using the Hash Symbol有时你想为你的网站添加一个a元素，但此时你还不知道要将它们链接到哪儿，此时可以使用固定链接。把你的a元素的href属性的值替换为一个#，别名hash(哈希)符号，将其变为一个固定链接。...
jQuery 选择器 选取带有 href 属性的元素
09-05 1万+
&gt; $(document).ready(function(){ $("button").click(function(){ $("[href]").hide(); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;这是标题&lt;/h2&gt; &lt;p&
常见的元素的特点属性（href、src的区别，alt和title的区别）
qq_40664253的博客
08-06 2559
jjjjj
<body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a href="#">男包</a></li> </ul> <div id="content"> <div> <a href="#"><img src="images/女靴.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/雪地靴.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/冬裙.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/呢大衣.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/毛衣.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/棉服.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/女裤.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/羽绒服.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/牛仔裤.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/男包.jpg" width="200" height="250" /></a> </div> </div> </div> </body>如何将其改为水平分布
最新发布
06-03
可以通过修改CSS样式来实现水平分布。具体方法如下： 1. 将ul的display属性设置为flex，使其变为弹性盒子。 2. 将li的display属性设置为inline-block，使每个li元素变为行内块元素。 3. 将content的display属性设置为flex，使其变为弹性盒子。 4. 将每个content div元素的flex属性设置为1，使它们平分content的宽度。 5. 将img元素的max-width属性设置为100%，使其自适应父元素宽度。 修改后的代码如下： ``` <style> .wrapper { display: flex; justify-content: center; } #left { display: flex; list-style: none; margin: 0; padding: 0; } #left li { display: inline-block; margin-right: 10px; } #content { display: flex; flex-wrap: wrap; justify-content: center; } #content div { flex: 1; margin: 10px; } img { max-width: 100%; } </style> <body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a href="#">男包</a></li> </ul> <div id="content"> <div> <a href="#"><img src="images/女靴.jpg" /></a> </div> <div> <a href="#"><img src="images/雪地靴.jpg" /></a> </div> <div> <a href="#"><img src="images/冬裙.jpg" /></a> </div> <div> <a href="#"><img src="images/呢大衣.jpg" /></a> </div> <div> <a href="#"><img src="images/毛衣.jpg" /></a> </div> <div> <a href="#"><img src="images/棉服.jpg" /></a> </div> <div> <a href="#"><img src="images/女裤.jpg" /></a> </div> <div> <a href="#"><img src="images/羽绒服.jpg" /></a> </div> <div> <a href="#"><img src="images/牛仔裤.jpg" /></a> </div> <div> <a href="#"><img src="images/男包.jpg" /></a> </div> </div> </div> </body> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值