HTML List

Blog Tutorial

by Dandy Wahyu

HTML

<div id="Animelist">
<h2>Anime List</h2>
<div class="nav_anilist"> <a href="#%23">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a><div class="clear"></div></div>
<div id="box_anilist">
     <div class="letter-group">
         <div class="letter-cell">
             <a name="#">#</a></div><div class="row-cells"></div>
             <!-- End row-cells -->

    
    <!-- KODE UNTUK ANIME "#" DISINI --> 
    
    
         <div class="clear">
   </div>
     </div>
     <!-- End of letter-group -->
  
     <div class="letter-group">
         <div class="letter-cell">
             <a name="A">A</a></div><div class="row-cells"></div>
             <!-- End row-cells -->

    
    <!-- KODE UNTUK ANIME "A" DISINI --> 
    
    
         <div class="clear">
   </div>
     </div>
     <!-- End of letter-group -->

     <div class="letter-group">
         <div class="letter-cell">
       <a name="B">B</a></div><div class="row-cells"></div>
    <!-- End row-cells -->

    
    <!-- KODE UNTUK ANIME "B" DISINI -->   
    
    
         <div class="clear">
   </div>
     </div>
     <!-- End of letter-group -->

     <div class="letter-group">
         <div class="letter-cell">
       <a name="C">C</a></div><div class="row-cells"></div>
    <!-- End row-cells -->

    
   <!-- KODE UNTUK ANIME "C" DISINI --> 
    
    
         <div class="clear">
   </div>
     </div>
     <!-- End of letter-group -->

  <div class="letter-group">
        <div class="letter-cell">
       <a name="D">D</a></div><div class="row-cells"></div>
    <!-- End...