HTML中照片相對布局的代碼可以使用CSS的position屬性來實現。

首先，我們需要將照片的父元素設置為相對定位。這可以通過在CSS中使用position:relative;來實現。然后，我們可以將照片本身設置為絕對定位，這可以通過在CSS中使用position:absolute;來實現。

接下來，我們可以使用top、bottom、left和right屬性來決定照片的位置。例如，如果我們希望照片在其父元素的左上角上方10像素和左邊20像素的位置，我們可以在CSS中編寫如下代碼：

.parent {
position: relative;
}
.photo {
position: absolute;
top: -10px;
left: -20px;
}

這將使照片相對于其父元素的左上角向上和向左移動10像素和20像素。同樣地，我們可以改變top、bottom、left和right屬性的值來調整照片的位置。

總的來說，相對布局是一種非常有用的布局技術，它可以幫助我們在HTML中實現各種各樣的布局效果。