一、img標簽
1、img標簽的作用：用來告訴瀏覽器我們需要顯示一張圖片
2、img標簽格式：<img src = " xxx.jpg">
-- img標簽中的src是英文source的縮寫，src 是用來告訴img標簽，需要顯示的圖片名稱
3、注意點：
-- 和H系列標簽、P標簽、Hr標簽不一樣，img標簽不會獨占一行
4、img標簽的屬性
width：寬度
height：高度
-- img標簽中的width和height 這兩個屬性的作用：是用來告訴標簽將來需要顯示的圖片的寬和高
-- 如果 img 標簽沒有指定需要現實的圖片寬高，那么系統會按照圖片默認的寬高顯示
-- 如果img 標簽指定了寬高，那么系統會按照指定的寬高顯示
-- 如果我們手動指定了img標簽的寬高，有可能導致圖片變形；如果想指定寬高的圖片不變形，可以指定寬度或高度的其中一個值即可，只要指定其中一個值（高 / 寬 ），系統會自動根據該值計算出對應的寬 / 高，並且等比拉伸，不會變形
title：用來告訴瀏覽器，當鼠標懸停在圖片時顯示的內容
alt ：是英文alternate的縮寫，用來告訴瀏覽器當需要顯示的圖片找不到時顯示的內容
二、img標簽路徑問題：想給src屬性賦值有2種方式
1、通過相對路徑賦值：
-- 相對路徑就是每次都是從.html文件所在文件夾開始查找
1.1 同級：是圖片存放的位置和.html文件存儲在同一個文件夾中，
格式：src = "Figure_1.png"
含義：在.html文件所在的文件夾中查找名稱叫做Figure_1.png的圖片
1.2 下級 ：是存儲圖片的文件夾和.html文件在同一個文件夾中
格式：src = "Images/Figure_1.png"
含義：在.html文件所在的文件夾中查找名稱叫做Images的文件夾中找到名稱叫做Figure_1.png的圖片
1.3上級：存儲圖片的位置在存儲.html的文件夾的上一級
格式：src = "../Figure_1.png"
含義：在.html文件所在的文件夾中查找這個文件夾的上一級文件夾，然后再在這個上一級文件夾中找到名稱叫做Figure_1.png的圖片
2、通過絕對路徑賦值
-- 絕對路徑就是每次都從指定的盤符開始查找
三、br標簽
1、作用：用來換行
2、格式：<br>
3、注意點：
-- 多個br標簽可以連續使用，使用了多少個br標簽就會換多少行
-- 由於html的作用是用來給文本添加語義，而br標簽的語義是不另外起一個段落換行，在企業開發中，一般情況下，需要換行都是因為需要另外起一個段落，所以企業開發中很少用br標簽
代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度一下，你就知道了</title> </head> <body> <!--只設置了img標簽的src屬性，其他默認--> <img src="Figure_1.png"><br> <p>設置了img標簽的src、width、height屬性，但寬高不是等比拉伸</p> <p><img src="Figure_1.png" width="300" height="478"></p> <P>設置了img標簽的src、width</P> <P><img src="Figure_1.png" width="100"></P> <P>設置了img標簽的src、height屬性</P> <P><img src="Figure_1.png" height="178"></P> <P>設置了img標簽的src、height屬性</P> <P><img src="Figure_1.png" height="178" title="這是隨便找的圖片"></P> <P><img src="Figure_12.png" width="100" alt="你找的圖片去到外太空了"></P> </body> </html>