笔记04

一. 超级链接

（1）.使用方法

① 空链接

<a href="#">空链接</a>

② 网站同级内部跳转

<h1><a href="xx.html">信息工程学院</a></h1>

1.空链接
空链接
空链接的作用：
占位

页面还没做好、链接地址没确定，先用空链接占位置，保证样式正常

触发交互（最常用）

点击不是跳转，而是：

弹出弹窗
展开 / 收起菜单
切换内容
执行 JS 动作
保留链接样式

让文字 / 按钮显示：手型光标、颜色、hover 效果。

临时返回顶部

空链接点击时，页面会回到顶部。

2.网站同级内部跳转
同链接
3.不同样式预览效果
方法一

<a href='#'class="n">点我下载</a> <style>
.n{color:pink}
</style>  

<h1 href='#'id='x'>外部链接</h1>
<style>h1#x{color:orange;background-color:aliceblue}
</style>

4.锚记
引入一个照片到img文件夹中

返回顶部

html注释格式<!--解释内容--!>
css注释格式/解释内容/
空格字符代码：
常用实体字符：
jpg和jpeg，htm和html没有区别
html5文档的开始，定义的标签不区分大小写