03.HTML：图片标签

打开工具：=> HBuilderX

选择：文件 => 新建 => html文件 => 给html文件起个名字这里我起 index.html ‘index是代表首页的意思’，‘html这里是代表文件的后缀’

这是新建立好的html文件 => 工具默认创建好了html head body标签

<code>#在编辑器里新建一个目录>命名为img 就是储存图片的文件夹/<code>

<code># 图片格式
| BMP  | 占用空间大，色彩丰富                              
| JPEG | 压缩方式通常是**破坏数据性压缩**，在压缩过程中图像的质量会遭受到课件的破坏 
| GIF  | 对 **透明色** 和 **多帧动画** 的支持                
| PNG  | **无损压缩的位图** 格式，支持Alpha通道的 **透明/半透明** 特性 /<code>

<code># 图片标签
 

| src    | 相对路径、绝对路径、http网络图片、当前目录跳上层..
| alt    | 用来描述图片内容，仅供HTML识别该图片内容，另方面供搜索引擎识别图片 
| width  | 按照此宽度显示、当失去比例则会拉伸                   
| height | 按照此高度显示、当失去比例则会拉伸                  
| title  | 鼠标在图片上时候，显示文字信息         
> width/height宽高强调根据图片宽高来给定，如果没有宽高则会去计算图片的宽高度，计算的时候会浪费一些时间，虽然不是很明显/<code>

<code>## 相对路径

相对于当前文件下的目录  

## 绝对路径

指定了盘符（驱动器）

## 上层目录

../../../../../../../../ 跳转到相对路径的上层目录/<code>

閱讀更多 波波雲課堂 的文章

關鍵字: 标签 动画 HTML