在學習HTML時，登錄和注冊是一個必須要掌握的技能。下面將介紹如何編寫一個簡單的登錄和注冊頁面。

首先，我們需要一個HTML表單。通過表單，用戶可以輸入需要的信息，并提交表單。

<form>
<label>用戶名：</label>
<input type="text" name="username"><br>
<label>密碼：</label>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form>

上述代碼使用了label標簽來描述表單中的輸入框的信息，并且使用了input標簽來創建文本輸入框和密碼輸入框。同時，我們也需要一個提交按鈕，該按鈕可以用來提交表單。

接下來，我們再創建一個注冊頁面，用戶可以在該頁面上注冊賬戶。

<form>
<label>用戶名：</label>
<input type="text" name="username"><br>
<label>密碼：</label>
<input type="password" name="password"><br>
<label>確認密碼：</label>
<input type="password" name="confirm_password"><br>
<input type="email" name="email"><br>
<input type="submit" value="注冊">
</form>

上述代碼比登錄頁面多了一個確認密碼的輸入框，并且需要用戶輸入郵箱地址。

在表單提交后，我們還需要一段后端代碼來處理用戶提交的數據并進行相應的操作，如驗證用戶身份、創建用戶賬號等。

總體來說，HTML登錄和注冊頁面的代碼并不復雜。只需要按照上述提供的示例代碼來編寫就行，隨著學習的深入，我們可以根據需要自己添加更多的功能。