需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
当然可以加了，前提看你在配置网站的时候，设置的路径按照相对于文档还是站点根目录，如果是文档，可以在写CSS或者用DreamweaverCSS面板中选择的时候，直接找到文档就可以了，如果是站点根目录，那就是/文件夹/图片，就可以了。一般来说，选择相对于文档就可以，然后用CSS面板选择就可以了，不需要自己去写CSS代码。那样路径就可以自己填在你上面的括号里。
直接在HTML代码中使用img标签来显示图片，比如下面这个代码。
<img src="(图片路径)/(图片名称).jpg" alt="（如果图片无法显示，浏览器就会使用这段文字进行替代）" title="（鼠标悬停图片上面所显示的文字，如果不需要请删除title属性）" />
