在网页设计中，调整元素的位置是一个常见的需求，对于HTML中的图片，我们可以通过CSS来实现上移的效果，以下是一些常用的方法来实现图片的上移。
1、使用CSS的margin属性：
margin属性可以用来调整元素的外边距，从而改变元素的位置，如果我们想要将图片上移20像素，我们可以这样设置CSS：
```css
img {
margin-top: -20px;
}
```
这里的-20px表示图片将向上移动20像素，需要注意的是，margin的值可以是正数也可以是负数，正数表示向外移动，负数则表示向内移动。
2、使用CSS的position属性：
position属性可以用来指定元素的定位方式，如果我们想要更精确地控制图片的位置，可以使用position属性。
```css
img {
position: relative;
top: -20px;
}
```
这里position: relative;表示图片将相对于其正常位置进行定位，top: -20px;则表示图片将向上移动20像素。
3、使用CSS的transform属性：
transform属性提供了一种更为强大的方式，可以用来旋转、缩放、移动或倾斜元素，我们可以使用translateY函数来上移图片：
```css
img {
transform: translateY(-20px);
}
```
这里的translateY(-20px)表示图片将沿着Y轴（垂直方向）向上移动20像素。
4、使用CSS的padding属性：
padding属性可以用来调整元素的内边距，如果我们想要通过减少图片下方的空间来实现上移的效果，可以使用padding属性：
```css
img {
padding-bottom: 20px;
}
```
这里的padding-bottom: 20px;表示图片下方的空间将减少20像素，从而实现图片的上移。
5、使用HTML的<br>标签：
在某些情况下，我们可能需要在图片下方插入一个空白区域来实现上移的效果，这时，可以使用HTML的<br>标签来创建一个换行，然后在CSS中设置这个换行的高度：
```html
<img src="image.jpg"><br style="line-height: 20px;">
```
这里的line-height: 20px;表示换行的高度为20像素，从而间接实现了图片的上移。
以上就是几种在HTML中实现图片上移的方法，在实际应用中，可以根据具体的需求和上下文来选择合适的方法，需要注意的是，这些方法可能会受到其他CSS属性的影响，因此在调整图片位置时，可能需要综合考虑页面的整体布局。