1.img標籤

<!-- 使用img標籤來引入一個圖片 -->

<!-- src用來指定圖片的路徑 
src目前我們使用的是相對路徑
所謂相對路徑，指的是相對於當前網頁所在的路徑
使用 ../ 返回一級目錄 返回幾層寫幾個../

<img src="../../img/1.jpg" alt="" />
-->

<!-- alt屬性用來在圖片不能顯示時描述圖片的內容 
alt屬性也可以幫助搜尋引擎去檢索圖片
我們引入圖片時一定要將alt屬性寫上
-->

<!-- 
網頁中常見圖片型別

jpeg
- 支援的顏色比較多，主要用來顯示一些顏色豐富的圖片
- 比如：照片
- 不支援透明

gif
- 支援的顏色比較少，主要用來顯示一些單一顏色的圖片
- gif支援簡單的透明

png
- 支援顏色也比較多，也支援複雜的透明
- png我們會用的比較多

-->

2.iframe標籤

                <!-- 內聯框架，它用來引入一個外部的網頁 -->
                <!-- src屬性指定一個外部網頁的地址，注意這裡使用的也是相當路徑 -->
                <!-- 內聯框架這種標籤慎用，因為內聯框架中的內容不會被搜尋引擎檢索-->
                <!-- name屬性用來為框架指定一個名字-->

                <iframe src="1.html" width="500px" height="700px" name="ifa"></iframe>

3.a標籤

<!-- 超連結，用於跳轉到其他頁面 -->

<!-- 使用a標籤來建立一個超連結-->
<!--  href屬性指定一個目標的路徑，同樣我們還是使用相對路徑-->
<!-- href屬性中可以使用 # 作為佔位符，使用#時，點選超連結，不會跳轉頁面-->
<!-- target屬性用來指定在哪個視窗開啟頁面，預設值是_self,使用_blank指定在新的視窗中開啟-->
<a href="1.html" target="_blank">我是一個超連結</a> <br /><br />

<!-- 如果將target屬性指定為一個框架的名字，目標頁面將會在指定的框架中開啟 -->
<a href="2.html" target="ifa">我是一個超連結</a> <br /><br />
<a href="#">我是又是一個超連結</a><br /><br />

    <!--建立一個內部網頁視窗-->
<iframe src="1.html" width="400px" height="400px" name="ifa"></iframe>