img标签、iframe标签

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>