这是我参与「第四届青训营 」笔记创作活动的第三天
HTML基础知识总结(三)
本 章 着 重 复 习 Html 的 基 础 内 容 ， 学 习 Html 究 竟 要 学 些 什 么 呢 ？ 主 要 是 学 习 HTML图形标签 ， 以及 HTML文件路径 ，来 搭 建 网 页 的 “ 结 构 ” 。
一、HTML图形标签
1.图像标签（<img>）和源属性（Src）
(1)图像标签的使用
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
如果想在页面上显示图像，需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
(2)定义图像的语法
<img src="url" />
URL 指存储图像的位置。如果名为 "2.png" 的图像位于 同一级的images 目录中，那么其 URL 为
"2.jpg"
2.alt:替换文本
图像显示不出来的时候用来进行文字替换的。
在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息
<img src="21.jpg" alt="抱歉出错了！！！"/>
3.title 提示文本
鼠标放到图像上，自动进行提示的文字！
<img src="2.jpg" alt="抱歉出错了！！！" title="这是一个提示！！！"/>
4.width 给图像设置宽度
为图片设置一个宽度，需要指定宽度，这时图片的高度就会自动的进行缩放，成比例的缩放。
<img src="2.jpg" alt="抱歉出错了！！！" title="这是一个提示！！！" width="800"/>
注意： 如果只修改了一个，图片会被等比例缩放，如果指定了两个图片就不会等比例变化
5.height 给图像设置高度
为图片设置一个高度，需要指定高度，这时图片的宽度就会自动的进行缩放，成比例的缩放。
<img src="2.jpg" alt="抱歉出错了！！！" title="这是一个提示！！！" height="600"/>
注意： 如果只修改了一个，图片会被等比例缩放，如果指定了两个图片就不会等比例变化
二、HTML文件路径
如何从不同的位置，来获取图片，并插入图片。
1.同一级目录
如何从 同一级目录 中，来获取到 图像。
就不需要写目录了，只需要写图片的文件名，如： 1.png
<img src="1.png" />
2.下一级目录
如何从 下一级目录 中，来获取到 图像。
此时需要写下一级目录的名字了，然后写图片的文件名，如： images/1.png
<img src="images/1.png">
3.上一级目录
如何从 上一级目录 中，来获取到 图像。
此时需要写.. ,然后写图片的文件名，如： ../1.png
<img src="../1.png">
4.绝对路径
如何从 以一个绝对路径 来获取到 图像。
此时需要写文件的路径名字 如： C:\Users\Wang\Desktop\前端基础课第一天——HTML\案例\1.png
<img src="C:\Users\Wang\Desktop\前端基础课第一天——HTML\案例\1.png" />
