2013-03-26 81 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的示例和用法。