在網站設計和開發中，登錄頁面是非常基礎和重要的一環。這篇文章將介紹如何使用HTML設計一個簡單的登錄頁面，并展示其源代碼。

首先，我們需要在HTML文檔中添加一個表單元素，用來接收用戶輸入的用戶名和密碼：

<form>
<label>用戶名: <input type="text" name="username"></label><br>
<label>密碼: <input type="password" name="password"></label><br>
</form>

上述代碼中，使用了label元素來創建表單標簽，使得表單更加易讀和易用。其中，input元素的type屬性分別為"text"和"password"，這兩種類型的輸入框用于接收文本和密碼信息。

接下來，我們可以添加一個按鈕元素，用于提交表單信息：

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

以上代碼中，使用了button元素來創建提交按鈕，其type屬性為"submit"，表示點擊后會提交表單。此外，我們還可以為按鈕添加樣式，使其更符合頁面設計要求。

最后，我們可以添加一個鏈接元素，用于用戶注冊或找回密碼等操作：

<form>
<label>用戶名: <input type="text" name="username"></label><br>
<label>密碼: <input type="password" name="password"></label><br>
<button type="submit">登錄</button>
</form>
<p>還沒有賬號？<a href="#">注冊新賬號</a></p>
<p>忘記密碼了？<a href="#">找回密碼</a></p>

以上代碼中，使用了a元素來創建鏈接，其href屬性為"#"，表示鏈接到當前頁面。同樣地，我們可以為鏈接元素添加樣式，使其更美觀和易于操作。

綜上所述，這是一個簡單的HTML登錄頁面的設計源代碼。我們可以根據需要對其進行修改和拓展，使其更符合實際需求。同時，我們也應該注意頁面的安全性，避免用戶信息泄露或被攻擊。