HTML5代碼實現自定義菜單的方法很簡單。首先，在HTML文檔中可以使用<nav>元素定義菜單。比如：

<nav>
<ul>
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
</ul>
</nav>

上述代碼定義了一個簡單的菜單，包含三個菜單項。其中<nav>元素表示當前內容是網頁的導航部分，<ul>表示一個無序列表，而<li>表示列表項。<a>元素定義超鏈接，包含在<li>元素中，表示菜單項。

如果要給菜單項添加樣式或交互效果，可以使用CSS或JavaScript實現。比如，可以使用CSS定義菜單樣式：

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #f1f1f1;
}
nav li {
display: inline-block;
padding: 10px 20px;
}
nav a {
color: #777;
text-decoration: none;
}
nav a:hover {
color: #000;
}

上述CSS代碼定義了菜單的背景顏色、邊距、列表項顯示方式、文本樣式等。其中，<a>元素的:hover偽類指定了鼠標懸停在鏈接上時的顏色。

需要注意的是，CSS樣式可以在外部樣式表或內部樣式表中定義，也可以在HTML頁面中直接使用<style>元素定義。如果需要使用JavaScript實現菜單的交互效果，可以使用DOM API或jQuery等庫輔助開發。