html教程8：使用相对路径在网页中插入图像

讲师：瑞德威(赵老师)

html标记语言 视频教程

第八课 如何在网页中插入图像

通过使用 HTML，可以在文档中显示图像。

1、图像标签<img>和图像路径属性Src
在网页中插入图像使用img标签，通过src来定义图像的路径，即在电脑或者网络上存储的位置，可以使用相对路径，也可以使用绝对路径。

例如：<img src="images/img1.jpg" />

2、图像标签img的常用属性

width: 定义图片显示的宽度
height: 定义图片显示的高度

border: 边框线

alt： 替换文本，当图片没有加载时显示的文字
title: 标题，鼠标放上去的时候显示的文字
align: 对齐方式，可选择：left、right、top、middle、bottom、absmiddle等

3、使用CSS样式定义图像的外观

可以使用style属性，或者设置一个class属性，定义其外观。

例如：<img style="width:300px; " src="images/img1.jpg" />