HTML5作為一種新一代的Web標準技術，為我們提供了很多方便快捷的功能，其中之一就是使用QQ頭像。

<div class="avatar">
<img src="img/qq.jpg" alt="QQ頭像">
<ul class="dropdown-menu">
<li><a href="#">修改頭像</a></li>
<li><a href="#">上傳頭像</a></li>
<li><a href="#">退出</a></li>
</ul>
</div>

以上代碼使用了一個div元素來作為QQ頭像所在的區域，并且添加了一個class屬性“avatar”來自定義樣式。在該區域中，我們使用了img元素來顯示QQ頭像圖片，并且添加了alt屬性來在圖片無法加載時提供文字描述。

在圖片下方，我們使用了ul和li元素來創建一個下拉菜單，其中ul元素添加了class屬性“dropdown-menu”，用來實現下拉菜單的樣式。在下拉菜單中創建了三個選項，用來修改、上傳頭像以及退出功能。

以上代碼可以自行調整樣式，實現更多自定義的功能。