HTML左右分開代碼是指將頁面內容分為兩欄，左邊是導航欄或菜單欄，右邊是主要內容。
<html>
<head>
<title>左右分開代碼</title>
<style>
.container {
display: flex;
}
.nav {
width: 200px;
background-color: #f0f0f0;
height: 100vh;
padding: 10px;
}
.content {
flex: 1;
padding: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="nav">
<h3>導航欄</h3>
<ul>
<li><a href="#">菜單1</a></li>
<li><a href="#">菜單2</a></li>
<li><a href="#">菜單3</a></li>
</ul>
</div>
<div class="content">
<h1>主要內容</h1>
<p>這里是主要內容...</p>
</div>
</div>
</body>
</html>通過上述代碼，我們可以看到主要的兩個塊是.container和.nav和.content這兩個類，分別表示整個左右分開的框架和側邊導航欄以及主要內容。
容器.container用flex布局，左側的導航欄使用了固定寬度和背景色，高度使用100vh表示全屏高度，padding屬性是用來調整內邊距的，而右側的主要內容使用了靈活的flex屬性，使其自適應容器的寬度。
這樣的布局代碼使用起來非常方便，可以幫助我們快速地實現左右分開的頁面布局。