图片标签和内联框架

引入图片 img标签

属性：

• src ---- 属性放图片地址
• alt ----属性，对图片进行描述，有些游览器在图片加载不出来的时候，显示alt的值。搜索引擎根据alt的值进行识别图片
• wight ----设置图片的宽度
• height ----设置图片的高度（任改其中一个，另一个会自动按比例修改）

• 引入内部图片
  <img src="./img/1.jpg">

• 引入外部图片
  选中喜欢的图片，👉右键单击选择复制图片地址放到href里

引入图片注意文件格式

1.png---- 背景透明
2.webp— 使用的效果最好的，但兼容性不好
3.base64----将图片使用base64进行编码，将图片转换成字符（加密用的）与网页一起加载的，同步显示
在线图片转成base64编码
<img src="base64编码" >

内联框架

效果：在当前网页镶嵌了另一个网页

<iframe src="http://www.baidu.com" width="1000px" height="200px" frameborder="0"></iframe>

属性：

• src—放网址的url
• width—设置网页宽度
• height— 设置网页高度
• frameborder–设置边框、
  展示：