"
html a标签 href 属性
跳转到 这个站点
跳转到站点内的页面
a标签 href 的 URL 值
超链接的 URL 可能值:
01) 绝对 URL - 指向另一个站点（比如 href=""""）
02) 相对 URL - 指向站点内的某个文件（href=""index.htm""）
02-2) 相对 URL - 指向站点内的某个文件（href=""""）
【 这里如果没有 , 会认为是打开站点内的文件 】
03) 锚 URL - 指向页面中的锚（href=""#top""）
二: 锚点代码
<!DOCTYPE html
[/span>html lang=""en""
[/span>head
[/span>meta charset=""UTF-8""
[/span>title
[/span>script src=""jquery-3.5.1.js""
[/span>style
.btn {
position: fixed;
left: 10%;
top: 20%;
display: flex;
flex-direction: column;
}
.btn a {
Width＜/span>: 120px;
Height＜/span>: 30px;
color: #ffffff;
}
div.content{
border: 5px solid #000000;
color: #ffffff;
}
[/span>body
[/span>div class=""btn""
[/span>span
[/span>a href=""#dafei_01""
[/span>a href=""#dafei_02""
[/span>a href=""#dafei_03""
style=""color: rgba(0, 0, 255, 1)""][/span>a href=""#dafei_04""
[/span>div class=""content"" id=""dafei_01"" style=""height:100vh;background:#ff9185""
[/span>div class=""content"" id=""dafei_02"" style=""height:100vh;background:#fff94c""
[/span>div class=""content"" id=""dafei_03"" style=""height:100vh;background:#ffc3ca""
[/span>div class=""content"" id=""dafei_04"" style=""height:100vh;background:#8386ff""
rgba(0, 0, 255, 1)""]我是dafei_04View Code
其他:
视窗单位 vw vh
1.vw：1vw等于视口宽度的1%。
2.vh：1vh等于视口高度的1%
"
