2-1 將變數套用至樣板

1. 請將「bootstrap4 頁籤」程式語法，複制至「index.html」
   
    
2. 頁籤樣板套用變數
   <?  ?> ：在樣板執行javascript
   <?=  ?> ：將變數值顯示
   <?!=   ?> ：將變數用語法顯示
    

                     
           <!-- bootstrap4 頁籤 -->
           <nav>
             <div class="nav nav-tabs" id="nav-tab" role="tablist">
               <? for(i in kind){ ?>
                 <a class="nav-item nav-link <? if(i==0){ ?>active<? } ?>" id="nav-<?= i ?>-tab" data-toggle="tab" href="#nav-<?= i ?>" role="tab" aria-controls="nav-<?= i ?>" aria-selected="true"><?= kind[i] ?></a>                      
               <? } ?>
             </div>
           </nav>
           <div class="tab-content" id="nav-tabContent">
           
             <?  for(i in kind){ ?>
               <div class="tab-pane fade show  <? if(i==0){ ?>active<? } ?>" id="nav-<?= i ?>" role="tabpanel" aria-labelledby="nav-<?= i ?>-tab"><?= kind[i] ?></div>
             <? } ?>
           </div>
           <!-- bootstrap4 頁籤 end -->   

    

3.