HTML是構建網頁的基礎技術，它提供許多實用而簡單的功能，其中包括選項卡和圖片的展示。讓我們來學習一下如何使用HTML編寫選項卡和展示圖片的代碼。 首先，我們來看一下如何創建選項卡。在HTML中，我們使用ul和li標簽來創建選項卡。ul表示一個無序列表，li表示列表項。我們可以為每一個選項卡創建一個li標簽，并添加一個鏈接到每個選項卡的內容。最后，我們將選項卡內容放入一個div容器中，以便在選項卡之間進行切換。 下面是一個例子：

<ul class="tab-menu">
<li><a href="#tab1">選項卡1</a></li>
<li><a href="#tab2">選項卡2</a></li>
<li><a href="#tab3">選項卡3</a></li>
</ul>
<div class="tab-content">
<div id="tab1">
<p>選項卡1的內容</p>
</div>
<div id="tab2">
<p>選項卡2的內容</p>
</div>
<div id="tab3">
<p>選項卡3的內容</p>
</div>
</div>

接下來，讓我們學習如何在HTML中展示圖片。一般來說，我們使用img標簽來插入圖片。img標簽有一個src屬性，用于指定要展示的圖片的路徑。我們還可以使用alt屬性為圖片添加替代文本，以便在圖片無法加載時提供文本提示。 下面是一個例子：

<p>這是一張圖片：</p>
<img src="img/my-image.jpg" alt="我的圖片">

在此示例中，我們插入了一張名為“my-image.jpg”的圖片，并為其添加了一個“我的圖片”的替代文本。 HTML的選項卡和圖片展示功能是非常常用和有用的。通過了解和掌握這些技術，我們可以更好地構建網頁，并提供更好的用戶體驗。