#前端学习笔记#day2

21-26

 

-相对路径

当我们要跳转到服务器内部页面是，一般我们会使用相对路径。

相对路径一般都会使用.或者..开头 ./或者../

./可以省略不写，如果不写./就相当于写了./

 

./当前目录寻找

../当前文件所在目录的上一级目录

 

-id属性(唯一不重复的)，每一个标签都可以添加一个id属性

       Id属性就是元素的唯一标识，页面中不能出现重复的id属性。

       Id属性字母开头区分大小写

-_blank会在新的页面打开链接

<a href="https://wwww.baidu.com" target="_blank">超链接</a>

-# 可以回到顶部

<a href="#">to the top</a>

-到底部

到最后一个标签，#到指定位置，只需将href属性设置为#目标元素的id属性值

    <a href="#bottom">去底部</a>

 

开发中#可以作为超链接的路径占位符用

可以使用javascript:;作为href的属性，点击这个超链接什么都不会发生。

 

-使用img标签来引入外部图片，img是一个自结束标签

Src指定的是外部图片的路径

Jpg支持颜色多，不支持透明效果，不支持动图

Gif支持颜色少，支持简单透明，支持动图

Png支持颜色多，支持复杂透明，不支持动图

Webp具备所有有点且特别小，兼容性不好

 

<iframe src="https://wwww.baidu.com"  width='500' height='600' frameborder="0"></iframe>

内联框架

 

-音视频文件引入时，默认不允许用户自己控制播放停止

加入controls

Autoplay自动播放，如果设置了autoplay音乐会自动播放，但是目前大部分浏览器不会自动对音乐自动播放，加入loop可以循环播放

<audio src=".\source\刘瑞琦 - 夏天的风 (Live).mp3" controls autoplay>music</audio>

-不支持的可以显示文字

<audio controls>

   抱歉，您的浏览器不支持音频

        <source src="./source/xxx.mp4">

    </audio>

 

 

 

-快捷键

Alt+shift+↓ 复制一行(我输入时左边的shift没法用，只能用右边的)