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="#">板块2a>

插入图片

图片格式介绍:

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

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

src属性:路径+文件名

两种路径方式

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

路径书写:

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

你可能感兴趣的:(web前端开发)