在Web開發中，導航菜單往往是一個非常常見的元素。同時，許多Web開發者也會借助一些圖標來提升導航菜單的視覺效果。在HTML中，我們可以使用一些代碼來實現這種效果。

<ul class="navbar">
<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
<li><a href="#"><i class="fa fa-envelope"></i> Messages</a></li>
</ul>

在上述代碼中，我們設置了一個class為“navbar”的ul元素，表示它是我們的導航菜單。接著，在每一個li元素內部，我們都嵌套了一個a元素，表示這個菜單項是一個鏈接。同時，我們在a元素內部嵌套了一個i元素，并且設置它的class為“fa”和對應的圖標名稱，如“fa-home”、“fa-user”等等。這些class都是由一個叫做FontAwesome的圖標字體庫提供的。最后，在i元素的內部我們填上了菜單項的文字。

在如今的Web開發中，這種使用圖標來提升UI效果的方法已經非常常見了。如果你在開發自己的網站或者Web應用的過程中需要用到導航菜單圖標，上述代碼應該可以幫助到你。