XOOPS輕鬆架

<ul class="nav nav-pills bg-title nav-fill" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active text-white" id="home-tab" data-toggle="tab" href="#綜合公告" role="tab" aria-controls="綜合公告" aria-expanded="true">綜合公告</a>
    </li>
    <li class="nav-item">
        <a class="nav-link text-white" id="profile-tab" data-toggle="tab" href="#招生資訊" role="tab" aria-controls="招生資訊">招生資訊</a>
    </li>
    <li class="nav-item">
        <a class="nav-link text-white" id="profile-tab" data-toggle="tab" href="#活動公告" role="tab" aria-controls="活動公告">活動公告</a>
    </li>
    <li class="nav-item">
        <a class="nav-link text-white" id="profile-tab" data-toggle="tab" href="#來文公告" role="tab" aria-controls="來文公告">來文公告</a>
    </li>
    <li class="nav-item">
        <a class="nav-link text-white" id="profile-tab" data-toggle="tab" href="#榮譽榜" role="tab" aria-controls="榮譽榜">榮譽榜</a>
    </li>
</ul>

<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade show active" id="綜合公告" role="tabpanel" aria-labelledby="綜合公告-tab">
        <div w3-include-html="table.html"></div>
    </div>
    <div class="tab-pane fade" id="招生資訊" role="tabpanel" aria-labelledby="招生資訊-tab">
        <div w3-include-html="table.html">
        </div>
    </div>
    <div class="tab-pane fade" id="活動公告" role="tabpanel" aria-labelledby="活動公告-tab">
        <div w3-include-html="table.html">
        </div>
    </div>
    <div class="tab-pane fade" id="來文公告" role="tabpanel" aria-labelledby="來文公告-tab">
        <div w3-include-html="table.html">
        </div>.</div>
    <div class="tab-pane fade" id="榮譽榜" role="tabpanel" aria-labelledby="榮譽榜-tab">
        <div w3-include-html="table.html">
        </div>
    </div>
</div>