web前端开发学习笔记-02-超链接

原课程在这里：https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce

超链接a

属性：href，超链接，设置这个的值

• 链接到本站点的其他网页

<a href="news.html">新闻</a>（相对路径）

• 链接到其他站点

<a href="http://www.baidu.com">百度</a>（绝对路径）

• 虚拟超链接

<a href="#">板块2</a>

插入图片

图片格式介绍：

JPG：有损压缩，色彩丰富
GIF：简单动画，背景透明
PNG：无损压缩，透明，交错，动画，支持有损,
交错：图片由不清晰变为清晰
色彩丰富连续的图片用JPG
色彩单一，或者有透明，有动画，小图标用PNG，GIF

<img src="w3school.gif" alt="w3c" />

src属性：路径+文件名

两种路径方式

1. 据对路径：以根目录为基准
2. 相对路径：以网页文件所在的位置为基准

路径书写：

1. 查找同级文件夹，直接写文件名
2. 查找同一文件夹下的下一文件夹，文件夹/文件名
3. 查找上一级文件夹，…/文件名