下面这道题怎么用asp.net里的控件来实现？

产品1

    <div class="you-women">
        <a href="single.html"><img class="img-responsive pic-in" src="images/pi4.jpg" alt=" " ></a>         <span>产品2</span>                            
    </div>  
    <div class="you-women">
        <a href="single.html"><img class="img-responsive pic-in" src="images/pi4.jpg" alt=" " ></a>         <span>产品3</span>                            
    </div>  
    <div class="you-women">
        <a href="single.html"><img class="img-responsive pic-in" src="images/pi4.jpg" alt=" " ></a>         <span>产品4</span>                            
    </div>  
    <div class="you-women">
        <a href="single.html"><img class="img-responsive pic-in" src="images/pi4.jpg" alt=" " ></a              <span>产品5</span>                            
    </div>
</div>

Product表，有PID、Name两列，点击链接，传递名字为id，值为PID的参数，跳转到ProductsDetails.aspx页面，图片显示使用DispalyImage一般处理程序，通过传递名字为id，值为PID的参数读取图片。

repeater控件

    <asp:Repeater runat="server" ID="rpItems"><ItemTemplate>
      <div class="you-women">
        <a href="ProductsDetails.aspx?id=<%#Eval("pid") %>"><img class="img-responsive pic-in" src="DispalyImage.ashx?id=<%#Eval("pid") %>" alt=" " ></a>
         <span><%#Eval("name") %></span>                            
    </div></ItemTemplate></asp:Repeater>