asp.net - データリストasp.netコントロールで動作

Question

SQL Server DB にバインドし、データ リスト asp.net control.as を使用する HTML コードがあります。また、データ リストがコードを繰り返して DB からすべてのデータを読み取ることができることもわかっています。
しかし、私のコードには、繰り返したくないタグがあります.データリストでこれを行うにはどうすればよいですか?
これはバインド前の HTML コードです。

   <div id="welcomeHero">

            <div id="slideshow-main">
                <ul>
                    <li class="p1 active">
                        <a href="www.sdsd.adsf">
                            <img src="images/1_big.gif" width="430" height="290" alt=""/>
                            <span class="opacity"></span>
                            <span class="content">
                            <h1>Title 1</h1><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                            </span>
                        </a>
                    </li>
                    <li class="p2">
                        <a href="#">
                            <img src="images/2_big.gif" width="430" height="290" alt=""/>
                            <span class="opacity"></span>
                            <span class="content"><h1>Title 2</h1><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></span>
                        </a>
                    </li>
                    <li class="p3">
                        <a href="#">
                            <img src="images/3_big.gif" width="430" height="290" alt=""/>
                            <span class="opacity"></span>
                            <span class="content"><h1>Title 3</h1><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></span>
                        </a>
                    </li>
                </ul>                                       
            </div>

            <div id="slideshow-carousel">               
                  <ul id="carousel" class="jcarousel jcarousel-skin-tango">
                    <li><a href="#" rel="p1"><img src="images/1_big.gif" width="206" height="95" alt="#"/></a></li>
                    <li><a href="#" rel="p2"><img src="images/2.gif" width="206" height="95" alt="#"/></a></li>
                    <li><a href="#" rel="p3"><img src="images/3.gif" width="206" height="95" alt="#"/></a></li>
                  </ul>
            </div> 
</div> 

そして、私はこのコードを繰り返したくありません:

<div id="welcomeHero">

        <div id="slideshow-main">
            <ul>
</ul>                                       
        </div>

        <div id="slideshow-carousel">    
</div>  
</div>  

または任意のアイデア？