2021-01-14

第22集
target属性
_self默认值,在当前页面打开
_blank在一个新的页面中打开。（国内爱用blank）
国外爱用self

<a id="bottom" href="#">回到顶部<a>

会出现一个超链接可以直接回到顶部

<a href="#bottom">回到顶部<a>

回到顶部其实很难，因为没有特殊规定的指定，需要id属性，每一个标签都需要添加id标签，每一个都需要id标签，同一格网页id标签不能重复。
id标签一定要字母开头。
在开发中可以将#作为占位符号。如果想写一个没有功能的占位符号。用javascript占用。
第23集
图片标签。图片标签相当于在页面中引入一个外部的图片。使用img标签来引入外部标签。src属性值的是外部标签的属性。

<img src="标签地址">

img是替换元素，有块和行内元之间的特性。不独占一行其实alt描述特性。在默认情况下不显示。有些浏览器显示不出来的时候会出现alt的内容。搜索引擎会根据alt来显示内容。如果不写alt搜索引擎会显示不出来。屏幕显示器。
width会显示宽度。
height图片高度。
只修改一个会等比例缩放。
要不都修改。
一般pc端不建议修改大小。但是在移动端经常需要缩放。主要是大图片缩小。很少小图片缩小。
第24集
图片的格式。jpdg（jpg）支持颜，不支持透明效果，支持颜色比较多。不支持动图。一般用来支持照片。
gif支持颜色比较少，支持简单透明，支持动图。支持颜色单一的图片，动图
png支持颜色丰富，支持复杂透明，不支持动图
颜色丰富，复杂透明，专门为网页而生。
效果一样用小的。效果不一样，用小的
webp专门推出的一种表示网页的格式。它具备图片格式的所有优点，而且特别小。
缺点是兼容性比较小。轻易不用他。
base64
将图片使用base64进行编码。可以直接将图片转换为字符。通过字符的形式引入图片。
一般需要将网页和图片同时加载使用它。百度搜索转换就行。
第25集
mp3和mp4怎么引入。
专门引入MP3和MP4
controls是否允许允许用户用户控制播放
autoplay是否允许文件自动播放

如果设置了autoplay可以设置自动播放。但是浏览器一般不允许。
loop音乐是否循环播放

source也可以指定路径
<audio controls>
    <source src="位置">
     <source src="位置">
</audio>

可以指定多个文件。有效解决兼容问题
内联框架，就是用来引入其他的页面。

<iframe src=“http://www.qq.com” frameboder="0">

就是引入其他网页，相当于引入其他网站，外部也爬不到他们
第27集
相当于css
是多层次的结构，可以为每一层设置结构。我们从上面的看的那一层。
css可以为每一层设置结构。我们只能看到最上面的那一层。
css可以设置网页中格式。
第一种方式可以在标签内部用style设置标签样式.
style内部就是css内容

<p style="cloor:red;font-size:60px">少小离家老大回，乡音未改鬓毛催。</p>

第28集
使用内联样式我们的样式只能对一个标签生效。如果要影响多个元素，必须对他们进行复制。
并且当样式发生变化的时候我们必须一个个修改。
注意开发时绝对不要使用内联样式，因为开发的时候不好修改。
将开发样式在head里面弄一个style标签。可以让所有有标签都生效

<style>
p{color:green;font-size:50px;}
</style>

这里的p表示页面中的所有p元素。跟之前比不用改变太多。内部样式表方便同时使用。
但是内部样式表也会有问题，只能对一个表有问题，不能同时对多个页面使用。第三种方式，可以在多个网页使用。
可以将我们的在外部新建一个css文件。然后在里面编写内容。