AI 助理
备案控制台
开发者社区 阿里云开发者学堂 文章 正文

HTML标签- 锚点定位|学习笔记

2021-10-11 155
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 快速学习HTML标签- 锚点定位

开发者学堂课程【HTML 入门与实战：HTML标签- 锚点定位】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/593

HTML标签

        锚点定位

锚点定位概念(难点)

通过创建描点植换。用户能够快速定位到目标内容。

创建错点链接分为两步:
1633961662558.jpg

范例：

假如想要找到xxx的“个人生活”

<a href = “#live”>3 个人生活</a><br />

个人生活正文：

 Herf=”#live”

<h3 id=”live”>个人生活</h3>

<hr />

假如想要找到xxx的“演艺经历”

<a href = “#live”>3 演艺经历</a><br />

演艺经历正文：

 Herf=”#live”

<h3 id=”live”>演艺经历</h3>

<hr />

 

文章标签：
开发者
关键词：
HTML定位
HTML标签
HTML学习笔记
HTML锚点
HTML标签学习笔记
开发者小达人
目录
相关文章
米果粒
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
米果粒
55 5
游客44yag4ft7nckq
|
10天前
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集，因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符，空格通常被编码为“+”。例如，€编码为%80，£编码为%A3。更多信息可参见URL编码参考手册。
游客44yag4ft7nckq
22 3
游客44yag4ft7nckq
|
10天前
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括：http（超文本传输协议，用于普通网页，不加密）、https（安全超文本传输协议，用于安全网页，加密信息交换）、ftp（文件传输协议，用于文件的上传和下载）、file（用于访问本地计算机上的文件）。
游客44yag4ft7nckq
21 3
游客44yag4ft7nckq
|
10天前
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器（URL）是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成，如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站，因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面，通过 `&lt;a&gt;` 标签实现链接跳转。
游客44yag4ft7nckq
21 3
德国都芳最好
|
16天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签，HTML5 还支持哪些多媒体格式？
【10月更文挑战第19天】HTML5对多种多媒体格式的支持，为网页开发者提供了丰富的选择，能够更好地满足不同类型多媒体内容在网页中的展示和交互需求，提升了网页的用户体验和多媒体应用的多样性。
德国都芳最好
32 1
德国都芳最好
|
16天前
|
存储 移动开发 前端开发
如何处理HTML5新标签的浏览器兼容问题？
【10月更文挑战第19天】
德国都芳最好
34 0
椰椰椰耶
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
椰椰椰耶
42 2
椰椰椰耶
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
椰椰椰耶
33 1
html的七十二变
|
2月前
|
存储 移动开发 定位技术
HTML5 Geolocation（地理定位）优化到最高精度
HTML5 Geolocation API 可让网页访问用户的地理位置信息。为优化地理定位精度，需考虑设备、浏览器设置、网络状况及编码实现。使用 `enableHighAccuracy` 选项请求高精度，并确保设备开启 GPS，网络良好。结合多种数据源（如 GPS、Wi-Fi）可提高准确性。利用 `watchPosition` 定期更新位置，并妥善处理定位错误。务必遵循用户隐私原则，获取同意并遵守相关法规。这样可有效提升地理定位的精度与用户体验。
html的七十二变
157 3
六卿
|
2月前
|
前端开发
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
本文详细介绍了HTML中的常用标签，包括块级标签（如`h1`至`h6`、`p`、`div`等）、行级标签（如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等），以及行块级标签（如`img`）。文章解释了这些标签的用途、特点和基本用法，并通过示例代码展示了如何在HTML文档中使用它们。
六卿
112 1

阿里云开发者学堂

热门文章

最新文章

  • 1
    HTML6 无 JavaScript 的单页应用引起一片哗然
  • 2
    过滤代码中的html标签
  • 3
    HTML DOM 教程Part1
  • 4
    HTML基础加强
  • 5
    @Html.ValidationSummary()作用
  • 6
    JavaScript 技术篇-js获取dom节点、html标签自定义属性的值。
  • 7
    HTML元素 属性 格式化标签
  • 8
    【HTML+CSS+JS】前端三剑客实现3D旋转照片墙
  • 9
    MDN Web技术文档 - HTML 元素
  • 10
    再来 10 个新鲜的 HTML5 教程
  • 1
    从零开始学习前端开发：HTML基础
    44
  • 2
    React中渲染html结构---dangerouslySetInnerHTML
    54
  • 3
    WWW（URL，HTTP，HTML）
    126
  • 4
    生日快乐祝福HTML源码
    95
  • 5
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    133
  • 6
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    66
  • 7
    好看的html网站维护源码
    231
  • 8
    html+echars图表加日期检索
    54
  • 9
    html+echars的统计报表
    57
  • 10
    【CSDN创作优化1】个人简介优化 html font属性
    58

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • HTML及前端框架
    • 下一篇
    阿里云OSS设置跨域访问