需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，開啟html編輯器，新建一個html檔案，例如：index.html，填充問題基礎程式碼。

2、在index.html中的<img>標籤，輸入html程式碼：style="margin: 15px 20px 25px 30px;"。

3、瀏覽器執行index.html頁面，此時圖片被成功移動了位置到距離左側30畫素，上方15畫素。

1、首先，您需要創2113建一個html。

2、同5261時，您需要建立一個4102CSS文件。

3、CSS文件的字尾名必須1653為CSS，並引入CSS文件。比如我們建立一個index.css文件。這一點很重要。HTML裡就可以移動圖片位置，方法很簡單。

4、瀏覽器執行index.html頁面，此時圖片被向下移動了100px。

拓展資料：html編輯器有很多種，主要有Editplus編輯器和notepad++編輯器以及Adobe Dreamweaver CS5編輯器等，不同的程式設計師使用的編輯器也是不一樣的。學習html之前首先要學會使用html編輯器。