在網頁中類比製作windows風格選項卡的方法可以有很多種，這裡向大家介紹一個比較簡單的方法——用htc組件製作。
使用htc的好處是可以自由調用，有點批處理的感覺，例如你有很多網頁都要用到這個選項卡，那麼你只要做一個htc就可以了，然後在不同的網頁中分別調用，而不必重複製作。使用起來很方便，可以節約很多時間。
樣本頁面如下，文章末尾提供源檔案下載。
具體製作方法如下：
一、下載mpc.htc
首先去微軟網站下載一個名為mpc.htc的組件，這是製作windows選項卡的原材料。
二、編輯網頁，調用mpc.htc
1、將html標籤寫成：
<HTML xmlns:mpc> 2、建立樣式行為：
<STYLE> mpc:container,mpc:page{ behavior:url(mpc.htc); } </STYLE> 即mpc:container和mpc:page均用行為調用mpc.htc
3、具體內容調用：
<BODY><div><mpc:container > <mpc:page ID="name" TABTITLE="這裡的內容會被滑鼠提示" TABTEXT="這裡是選項卡標籤的內容"> 這裡是選項卡的具體內容 </mpc:page> <mpc:page TABTITLE="" TABTEXT=""> </mpc:page></mpc:container></div></BODY>
這裡＜mpc:container＞標籤中用style樣式的width和height確定整個選項卡的寬度和高度；然後在＜mpc:page＞……＜/mpc:page＞標籤間中加入選項卡的具體內容，有幾個選項就用幾組＜mpc:page＞……＜/mpc:page＞標籤。
後附 文章中windows選項卡樣本頁面的代碼。
附 文章中windows選項卡樣本頁面的代碼：
<HTML xmlns:mpc><HEAD><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>mpc</TITLE><STYLE>mpc:container,mpc:page{ behavior:url(mpc.htc);}</STYLE></HEAD><BODY BGCOLOR="#FFFFFF" ONLOAD="oMPC.style.visibility='visible'" text="#000000"><div ><mpc:container ID="oMPC" > <mpc:page ID="tab1" TABTITLE="這是一個表格" TABTEXT="表格 "> <table ALIGN="CENTER" STYLE="border:1 solid;font:20pt; width:300; height:150; color:white"> <tr><td VALIGN="MIDDLE" ALIGN="CENTER">這是一個表格</td></tr> </table> </mpc:page> <mpc:page ID="tab2" TABTITLE="這裡可以寫入文本" TABTEXT="文本文字 "> <div > 請在這裡寫入文字…… </div> </mpc:page> <mpc:page ID="tab3" TABTITLE="這是圖象" TABTEXT="圖象 "> </di
