超链接 是行内元素,特殊行内元素,它里面什么都能放
可以是一个字,可以是一段文字,可以是一张图片,可以是表格等等
2个功能,2个属性,1个补充
功能
1、从一个页面跳到另一个页面
2、当前页面进行跳转(锚点功能)
3、下载
属性
1、href 填写超链接跳转的地址
绝对地址 只要填写网址,都可以进行正确的跳转,与文件本身位置没有关系
相对地址 与文件本身位置有关系
./ 在同一个目录下 ./ 正常情况可以省略
../ 跳出当前目录
2、target属性 控制超链接打开的方式
可选值
_self 在当前页面打开跳转的超链接 默认值
_blank 新开页面打开超链接
锚点功能
1、回到顶部
href的属性值设置 # 即可
2、去任意的位置
第一步:给去的位置打一个标记,用 id属性设置一个id属性值
第二步:在href的属性值里 #id属性值
注意:
id属性值:不能是数字开头,最好不要是汉字,是独一无二的存在
空链接
< a href="#">空链接</ a>
< a href="javascript:;">空链接2</ a>
<!-- < a href="https://www.jd.com/">
<img src="./img/img/hg.gif" alt="" />
</ a>
< a href="04.列表.html" target="_blank">去列表页</ a>
< a href="../01.网页结构/06.实体.html">去实体</ a> -->
< a href="#abc">去底部</ a>
< a href="#center">去中间</ a>
<div>
图片的格式
JPEG(JPG)
- JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明
- 一般用来保存照片等颜色丰富的图片
GIF
- GIF支持的颜色少,只支持简单的透明,支持动态图
- 图片颜色单一或者是动态图时可以使用gif
PNG
- PNG支持的颜色多,并且支持复杂的透明,不支持动图,文件比较大
- 可以用来显示颜色复杂的透明的图片
专为网页而生的
webp
-谷歌新推出的专门用来表示网页的一种格式
-它具有其他图片格式的所有优点,而且文件格式还很小
-缺点:兼容性不好
base64
-讲图片使用base64编码,这样可以将图片转换为字符,通过字符形式来引入
-一般都是需要和网页一起加载的图片才会使用base64
网站解析代码它是有顺序,先解析结构,然后解析css,
然后再解析其他,例如js,图片,音频、视频
图片的使用原则:
效果不一致,使用效果好的
效果一致,使用小的
-->
- audio标签 用来向页面中引入一个外部的音频文件
src 指向音频的引入路径
controls 控制是否允许用户点击播放,默认是不允许
loop 是否循环播放
autoplay 是否自动播放(这个属性,由于用户体验不是很好,所以基本上废弃,除了ie)
以上这些属性,不用跟属性值