LN :跟着W3School学HTML 011
内容参考自w3school
HTML 教程
有两种使用 标签的方式:
- 通过使用 href 属性 - 创建指向另一个文档的链接
- 通过使用 name 属性 - 创建文档内的书签
HTML href
实例解析
<a href="http://www.cnblogs.com/renleimlj/">Visit my blog!</a>
效果展示
Visit my blog!
HTML target
实例解析
<html><body><a href="http://www.cnblogs.com/renleimlj/" target="_blank">Visit my blog!</a><p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1709" title="创一AI"><img
src="https://img.php.cn/upload/ai_manual/000/969/633/68b6d3629a79f724.png" alt="创一AI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1709" title="创一AI">创一AI</a>
<p>AI帮你写短视频脚本</p>
</div>
<a href="/ai/1709" title="创一AI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p></body></html>效果展示
Visit my blog!
如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。
立即学习“前端免费学习笔记(深入)”;
HTML name
实例解析
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
效果展示
基本的注意事项 - 有用的提示
有用的提示
基本的注意事项 - 有用的提示:
注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:"。
提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。










