在HTML中调整图片的行距主要涉及到CSS（层叠样式表）的使用，CSS允许你通过不同的属性来控制图片与其周围元素之间的空间，以下是一些常用的方法来调整图片的行距。
1、使用margin属性：
margin属性可以用来设置图片与其周围元素之间的空间，你可以分别设置margin-top、margin-right、margin-bottom和margin-left来控制四周的空间。
```css
img {
margin-top: 20px;
margin-bottom: 20px;
}
```
这将给图片的上方和下方各添加20像素的行距。
2、使用line-height属性：
如果你的图片是内联元素（如<img>标签），你可以使用line-height属性来增加行距，这个属性定义了行框的高度，从而间接影响图片的行距。
```css
img {
line-height: 1.5;
}
```
这会使得图片与其上下文字之间的距离增加。
3、使用padding属性：
padding属性可以设置图片内部的空间，如果你想要图片与其边界之间有更大的空间，可以使用这个属性。
```css
img {
padding: 10px;
}
```
这会给图片的四周各添加10像素的内边距。
4、使用vertical-align属性：
对于行内元素或表格单元格中的图片，vertical-align属性可以用来调整图片的垂直对齐。
```css
img {
vertical-align: middle;
}
```
这会使得图片在行中垂直居中，从而可能改变其与文字的行距。
5、使用display属性：
通过改变图片的display属性，你可以改变图片的布局方式，将图片设置为块级元素（display: block;）可以使图片独占一行，从而更容易控制其上下的行距。
6、使用float属性：
通过浮动（float）图片，你可以让图片向左或向右移动，同时文本会环绕图片，这样，你可以在图片和文本之间创建空间，从而实现行距的效果。
7、使用clear属性：
如果你有浮动的元素，你可能需要使用clear属性来清除浮动，以防止布局混乱，这可以间接影响行距。
请注意，这些方法可能会受到其他CSS规则的影响，因此在实际应用中可能需要进行一些调整，不同的浏览器可能会有不同的渲染效果，所以在设计时最好在多个浏览器中进行测试。