2013-03-26 51 views
0

我是一名学生,在一个简单的应用程序中工作,我不知道如何使用img标记,并且我尝试了一个这样的代码,但执行代码时图像不显示plz查看代码并帮助我看到代码中的错误。如何使用img标记

代码:

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server"> 
    &nbsp; 
    <table border="0" align="center" cellpadding="0" cellspacing="0" style="width: 100%; 
     height: 100%;"> 
     <tr style="width: 100%; height: 300px;"> 
      <td valign="middle" align="center"> 
       <img alt="" src="C:\Documents and Settings\temp.intern1\My Documents\My Pictures\images4.jpg" />&nbsp; 
      </td> 
     </tr> 
     <tr style="height: 65%; vertical-align: top;"> 
      <td style="width: 90%;" align="center"> 
       <table cellpadding="0" cellspacing="0" width="100%"> 
        <tr> 
         <td style="height: 20px"> 
         </td> 
        </tr> 
        <tr> 
         <td align="center" valign="middle" width="100%" style="height: 100%"> 
          <div id="Panel1" style="background-color: #87BDEF; height: 300px; width: 600px;"> 
           <table cellpadding="0" cellspacing="0" style="height: 400px" width="600px"> 
            <tr> 
             <td> 
              &nbsp; 
             </td> 
            </tr> 
            <tr> 
             <td> 
              <table cellpadding="0" cellspacing="0" style="height: 200px" width="600px"> 
               <tr> 
                <td align="right" style="padding-left: 5px; width: 50%;"> 
                 <asp:Label ID="lblUserName" runat="server" Text="USER NAME &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:"></asp:Label> 
                </td> 
                <td align="left" style="padding-left: 5px; width: 50%;"> 
                 <br /> 
                 <asp:TextBox ID="txtUserName" runat="server" Width="70%"></asp:TextBox> 
                 <asp:RequiredFieldValidator ID="rfvUserName" ErrorMessage="Please enter Username" 
                  ControlToValidate="txtUserName" runat="server" Width="70%" ForeColor="red" Style="margin-left: 0px;" /> 
                 &nbsp; 
                </td> 
               </tr> 
               <tr> 
                <td> 
                 <br /> 
                </td> 
                <td> 
                 <br /> 
                </td> 
               </tr> 
               <tr> 
                <td align="right" style="width: 50%;"> 
                 <asp:Label ID="lblPassword" runat="server" Text="PASSWORD &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:"></asp:Label> 
                </td> 
                <td align="left" style="padding-left: 5px; width: 50%;"> 
                 <br /> 
                 <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="70%"></asp:TextBox> 
                 <asp:RequiredFieldValidator ID="rfvPassword" ErrorMessage="Please enter Password" 
                  ControlToValidate="txtPassword" runat="server" Width="70%" ForeColor="red" Style="margin-left: 0px" /> 
                </td> 
               </tr> 
               <tr> 
                <td colspan="2" align="center"> 
                 <span id="lblInValid" style="color: #C00000; font-family: Verdana; font-size: Small;"> 
                 </span> 
                </td> 
               </tr> 
               <tr> 
                <td colspan="2" align="center"> 
                 <table width="50%"> 
                  <tr> 
                   <td align="left" style="padding-left: 5px; width: 50%;"> 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    <asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" OnClick="btnSubmit_Click" /> 
                    <br /> 
                    <br /> 
                    <br /> 
                   </td> 
                   <td align="left" style="padding-left: 5px; width: 50%;"> 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    <asp:Button ID="btnClear" runat="server" Text="CLEAR" /> 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                   </td> 
                  </tr> 
                 </table> 
                </td> 
               </tr> 
               <tr> 
                <td> 
                 <br /> 
                </td> 
                <td> 
                 <br /> 
                </td> 
               </tr> 
              </table> 
             </td> 
            </tr> 
           </table> 
          </div> 
         </td> 
        </tr> 
        <tr> 
         <td height="180px"> 
          <br /> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <br /> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</asp:Content> 

PLZ有人帮助我在此代码...,

+1

你的图像应该位于项目在IMG文件夹。从磁盘上的绝对位置获取图像不是很好的代码 – 2013-03-26 10:01:35

回答

1

问题是您正在使用计算机上图像的地址,因此只有在您查看特定计算机的页面时才有效。

你应该将图像复制到Web应用程序,例如到一个名为images文件夹,然后您使用图像标记地址:

<img alt="" src="images/images4.jpg" /> 
+0

这应该是'/ images/images4.jpg',因为您不知道他的页面位于项目的哪个文件夹中 – 2013-03-26 10:02:37

+0

@ToonCasteele:也许,也许不。如果应用程序位于虚拟文件夹中,则会使其在根应用程序中查找图像。 – Guffa 2013-03-26 10:08:13

+0

的确如此,但我认为在这种情况下机会渺茫:) – 2013-03-26 10:08:48

3

你的形象应该是到Web服务器访问的文件夹中。尝试在解决方案文件中包含图像(假设您使用的是Visual Studio)并使用相对路径,如“/images/image4.jpg”

转到某个网站(如www.cnn.com),查看任何页面的源代码并查看它们如何设置img标签的路径。

您也可以使用ASP.Net图片标签,查看MSDN的示例和用法。