<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--
图片引入:
1.创建一个文件夹img
2.<img src="图片路径">
3.<img src="网站路径">
4.img是替换元素:在块元素和行内元素之间
5.alt是不能对显示的图片的描述:同时也可以针对搜索引擎识别出来这样的图片
6.<img height="高度,单位是像素" width="宽度,单位是像素">
图片格式:
1.jpeg(jpg):支持颜色比较丰富,不支持透明度,不支动图:照片
2.gif:支持颜色比较少,支持简单透明,支持动图:动图
3.png:支持颜色丰富,支持复杂透明,不支持动图:为网页而生的格式
4.webp
但是效果一样:用小的
效果不一样,用效果好的
base64这个设置图片的快速响应,比其他的快一些
-->
<!--
内联框架:用于向当前页面引入一个其它的外部的其他页面
1. <iframe src="其他外部网站" width="设置宽高等"</iframe>
<iframe src="" frameborder="边框"></iframe>一个窗口的形式
-->
<!--
引入音频和视频:
1.创建一个放音频和视频的文件夹
2.<audio src="音频和视频路径"></audio>
src=外部路径/本地路径
3.引入的时候不允许用户控制,需要自己添加属性controls(有没有这个单词来控制):autoplay是否自动播放
<audio src="音频和视频路径" controls autoplay></audio>
大部分是浏览器对音频和视频的兼容性
<audio type="音频类型audio/mp3">
浏览器不支持播放
<source src=".mp3">
<source src=".ogg">
</audio>
video:
<video controls>
<source src=".mp3"/视频路径也可以>
<source src=".ogg">
</video>
-->
</body>
</html>