Definition A tab is a hidden content area that is activated via a menu.
Code
to clipboard
<!-- tabstrip -->
<table class='tabstrip'>
    <tr>
     <td id='tabfirst' class='tabactive' 
         onclick='S10ActivateTab(this);'>
         First
     </td>
     <td id='tabsecond' class='tab' 
          onclick='S10ActivateTab(this);'>
         Second
     </td>
     <td id='tabthird' class='tab' 
          onclick='S10ActivateTab(this);'>
         Third
     </td>
    </tr>
</table>

<!-- Content area of first tab -->
<div class="tabpageactive" id="tabfirst.area">
    ...
</div>

<!-- Content area of second tab -->
<div class="tabpage" id="tabsecond.area">
    ...
</div>

<!-- Content area of third tab -->
<div class="tabpage" id="tabthird.area">
    ...
</div>
Example
Component S10 Framework