使用datalist asp.net控件

Question

我有一个HTML代码，想要绑定到sql server DB并使用数据列表asp.net control.as我们知道数据列表可以重复代码来读取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>  

或任何想法？