在 web 開發中，UI 源代碼是非常重要的一個部分。其中最流行的就是 HTML，全稱為 Hypertext Markup Language。HTML 代碼是用于構建網頁的基礎，其定義了網頁的結構、內容和樣式。在 HTML 代碼中，UI 組件可以用標簽和屬性來表示，下面是一個編寫 UI 組件的示例：

<!-- 這里是一個示例 UI 組件 -->
<div class="ui-component">
<h2 class="ui-component__title">這是一個標題</h2>
<p class="ui-component__description">
這里是組件的描述文本，可以用來介紹該組件的功能和特點。
</p>
<button class="ui-component__button">這是一個按鈕</button>
</div>

在這個示例中，我們使用了 HTML 的 div、h2、p 和 button 標簽，用來構建一個簡單的 UI 組件。其中，div 標簽用于包裹整個組件，class 屬性用于指定該組件的類名，方便后續的樣式編寫。

在組件內部，我們定義了一個標題和描述，使用了 h2 和 p 標簽。其中，標題使用了 ui-component__title 這個類名，描述使用了 ui-component__description 這個類名。類名的命名規則是 BEM（Block、Element、Modifier），可以有效區分不同的組件、元素和狀態。

最后，我們還定義了一個按鈕，使用了 button 標簽和 ui-component__button 這個類名。

通過 HTML 代碼的編寫，我們可以快速構建出各種不同的 UI 組件，為用戶提供更好的交互體驗。