HTML5是一種廣泛應用于網頁開發的語言，它通過各種標簽和元素的組合實現了各種效果。其中，設置照片浮云是一種常用的效果，下面是一個簡單的方法。

<div class="photo">
<img src="photo.jpg" alt="照片">
<div class="bubble">
<p>這是一個浮云！</p>
</div>
</div>
<style>
.photo {
position: relative;
}
.bubble {
position: absolute;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
}
.bubble:after {
content: "";
display: block;
border: 8px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
}
</style>

以上代碼中，首先我們在一個div元素中放置了一張圖片，并添加了一個名為"bubble"的div元素，它將作為浮云的容器。接著，在CSS中，我們設置了"photo"這個div元素的position屬性為relative，同時設置了"bubble"這個div元素的position屬性為absolute。這樣，"bubble"元素就可以相對于"photo"元素定位了。

接下來，我們在"bubble"元素的下面添加一個偽元素":after"，用來繪制一個三角形，使浮云看起來更加真實。最后，我們設置了"bubble"元素的一些樣式，包括背景、邊框、圓角、陰影等等，均可根據實際需要進行調整。