HTML的＜a＞注意事项

最新推荐文章于 2024-06-15 21:20:00 发布
最新推荐文章于 2024-06-15 21:20:00 发布
阅读量181 收藏
点赞数 1
分类专栏： html学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52387684/article/details/109746984
版权

1.在对于herf的使用中可以超链接到其他网站，但记得要加http://
2.要注意相对路径的正确
3.<a href="" target="_blank"></a>的作用是点击超链接后出现新的页面
4.<a href="" target="_self"></a>的作用是点击后不会出现新的页面
5.<a href="#"> </a>是回到顶部
6.在使用<a>标签的时候可以用<a id=""></a>给他定义id属性。
例如：在使用<a id="A"></a>定义一个id为A的<a>标签后，然后使用<a href="#A">链接到A处</a>可以点击A即可链接<a id="A"></a>处。但要注意井号键一定要有

南舍QAQ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中a标签需要注意的问题
sunshine
05-14 764
在我们经行页面提交时，有时用a标签代替button进行提交，但是在提交时，如果提交成功后 跳到href所指定的页面，就是web.xml中指定的页面。如果想停留在原来的页面，可以不设定href属性，也可以使用button来替代。 这是今天调试了一天的结果啊。是因为使用了jquery才发现这个问题。 删除 删除
使用<A>做锚点时要注意的地方
weixin_34123613的博客
07-26 237
2019独角兽企业重金招聘Python工程师标准>>> ...
如何使用a标签或者按钮点击下载文件
哆啦A梦的百宝袋的博客
05-22 1万+
本人在做一个项目管理系统时需求点击按钮下载文件，测试多种方法下载出来的文件都是损坏。查询多个文章，找到在我使用时的具体的bug问题。（如果不是新手可直接跳转到问题解决模块）
关于<a>标签的使用
上海刚子的专栏
11-20 1140
对于A标签，大家都不陌生吧，在我 们制作网站的时候又很多地方都需要使用这个标签，但是什么时候使用，使用会出现在什么出乎意料的地方呢。我说下我对这个标签的认识。 首先标签自带一个手型，不需要我们特意去加手型的CSS为我们的工作减轻。其次他还带有hover等4个属性，让我们可以从容的切换滑动样式，而不用JS去控制   他带有自己跳转页面的功能，例如: 你点击它的时候会跳转到百度的页面去。
关于Thmleaf中＜a th:href=““＞＜/a＞超链接传参注意事项
添砖Java的博客
11-21 2541
Thymleaf超链接传参问题
HTML基础（一）
牢骚太盛防肠断，风物长宜放眼量
05-17 6229
本文是作者在学习html过程中对知识的初步整理 1.第一个程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> hello HTML,I am shuaigeliu </body> </html> htm.
html基础--框架(<framset>)、同（异）页面跳转、a、绝/相对地址
热门推荐
muzidigbig的博客
11-14 1万+
HTML <a> 标签的 target 属性 <a> 标签的 target 属性规定在何处打开链接文档。 如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的...
maven 配置注意事项
09-12
Maven 配置注意事项： 1.安装maven，在myeclipse中换为自己安装的maven 2.修改maven中conf/setting.xml的配置修改仓库位置、以及 配置server 如 <localRepository>D:\Program Files\apache-maven-3.3.3\repository</...
SEO优化基本HTML代码优化教程.pdf
10-14
本文档中强调了<title>标签的重要性，并提供了标题写作的注意事项，例如字数限制、关键词的使用等。 关键词的使用 关键词是SEO优化的核心部分。本文档中介绍了关键词的使用，包括<meta name="keywords" content=...
innerText innerHTML的用法以及注意事项 [推荐]
12-10
一:动态改变文本和Html Demo1 p { color:gray; } ... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]innerText属性用来定义对象所要输出的文本...”，而且文本输出改成了斜体（<i></i>）并下加一条直线（<u><
textarea保留换行的注意事项
12-04
！innerHTML是返回对象的HTML代码，而textarea是一个文本输入框，要返回它的内容应该用value属性 fsdfsd fsdfs dfsdf [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
PHP基础，基本语法以及注意事项
04-06
//b 变量重新赋值，还是指向的$a 变量指定的数据段 内存分区： * 栈区：程序可以操作的内存部分，不存数据，运行程序代码。 * 代码区：存储程序的内存部分，不执行。 * 数据区：存储普通数据，包括全局区和静态区...
HTML超链接之伪类注意事项
weixin_33883178的博客
02-18 1020
今天在复习html相关知识的时候发现了一个很常用，却经常被人们所忽略的知识点。那就是超链接伪类的使用。下面我就直接用代码来说明这一切。 伪类的相关代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...
HTML DOM 事件
lsx202406的博客
06-13 484
HTML DOM（文档对象模型）事件是当网页中的某些操作发生时，浏览器会自动触发或通过脚本代码手动触发的动作。这些事件可以是对用户操作的响应，如点击按钮，也可以是浏览器自身的动作，如页面加载完成。理解和掌握DOM事件对于前端开发至关重要，因为它们是实现动态交互和响应用户行为的核心。
HTML前端
最新发布
2302_77125952的博客
06-15 357
比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。提供许多标签，不同标签功能不同，网页就是通过这些标签描述出来的，最终由浏览器解释运行我们看到的网页。HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是 通过连接来访问其他网页资源。<标签 属性=“ ”/>完成一个特定的设置功能，没有标签体 换行标签。<开始标签>标签名</结束标签> 闭合标签（双标签）标签中可以有属性：可以标签属性。table标签：表格标签。tr标签：表格中的行。td标签：表格单元格。
HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)
weixin_42283461的博客
06-10 1123
HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)
HTML标签 label for 还是 htmlFor
wuyujin1997的博客
06-09 465
HTML标签： label 的属性。注意：为了更程序化地设置。
HTML 中使用 JavaScript 的具体方式
weixin_44814196的博客
06-10 960
介绍在 HTML 文档里面使用 JavaScript 的常见方式
用html css做一个旅游咨询页面
05-24
好的，让我们开始吧！首先，我们需要创建一个HTML文件： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>旅游咨询</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>旅游咨询</h1> </header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">旅游线路</a></li> <li><a href="#">旅游攻略</a></li> <li><a href="#">关于我们</a></li> </ul> </nav> <main> <section> <h2>热门旅游线路</h2> <ul> <li> <a href="#"> <img src="https://picsum.photos/200/150?random=1" alt="旅游线路1"> <h3>日本东京之旅</h3> <p>日本东京之旅，让你领略日本的文化和美食。</p> </a> </li> <li> <a href="#"> <img src="https://picsum.photos/200/150?random=2" alt="旅游线路2"> <h3>巴厘岛海滩之旅</h3> <p>巴厘岛海滩之旅，让你沉浸在阳光、沙滩和海浪中。</p> </a> </li> <li> <a href="#"> <img src="https://picsum.photos/200/150?random=3" alt="旅游线路3"> <h3>澳大利亚大堡礁之旅</h3> <p>澳大利亚大堡礁之旅，让你探索神秘的海底世界。</p> </a> </li> </ul> </section> <section> <h2>旅游攻略</h2> <ul> <li> <a href="#"> <h3>日本东京自由行攻略</h3> <p>详细介绍日本东京自由行的注意事项和行程安排。</p> </a> </li> <li> <a href="#"> <h3>巴厘岛旅游攻略</h3> <p>详细介绍巴厘岛旅游的注意事项和行程安排。</p> </a> </li> <li> <a href="#"> <h3>澳大利亚自驾游攻略</h3> <p>详细介绍澳大利亚自驾游的注意事项和行程安排。</p> </a> </li> </ul> </section> </main> <footer> <p>版权所有 © 2021 旅游咨询</p> </footer> </body> </html> ``` 在这个HTML文件中，我们创建了一个基本的页面布局，包含一个标题、导航栏、两个内容区域和页脚。我们还引入了一个CSS文件来为页面添加样式。 接下来，我们需要创建一个CSS文件来定义页面的样式。这里是一个简单的CSS文件： ```css body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; } nav ul { list-style: none; margin: 0; padding: 0; background-color: #f2f2f2; } nav li { display: inline-block; } nav a { display: block; padding: 10px; color: #333; text-decoration: none; } nav a:hover { background-color: #333; color: #fff; } main { margin: 20px; } section { margin-bottom: 20px; } h2 { color: #333; border-bottom: 1px solid #333; padding-bottom: 5px; margin-bottom: 10px; } ul { list-style: none; margin: 0; padding: 0; } li { margin-bottom: 20px; } img { display: block; margin-bottom: 10px; } h3 { margin-bottom: 5px; } p { margin: 0; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } ``` 在这个CSS文件中，我们定义了页面的基本样式，包括字体、颜色、边距和背景色等。 现在，我们已经创建了一个简单的旅游咨询页面，你可以根据自己的需求进一步完善它。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值