使用 CSS 在 ASP.Net 框架上建立基本頁面
國立電腦與新興科學大學實驗室手冊 1.1 “ASP.net、HTML 簡介”資料庫系統實驗室 2021 年春季 電腦科學系 FAST-NU，拉合爾，巴基斯坦 目錄 1 目標 2 2 任務分配 2 3 HTML 3 1.1。什麼是 HTML？ 3 1.2。 HTML 標籤 3 1.3。網頁瀏覽器 3 1.4。 HTML 元素 4 1.5。 HTML 標題 4 4 使用 Visual Studio 建立 ASP.Net Web 表單 4 4.1 ASP 控制項（與 HTML 元素類似的行為） 8 4.2 要點 10 5 練習 13 ⦁ 目的 本文檔的目的是給予 HTML 的實際實作、整體概述HTML 標籤和元素，以及實驗室期間的範例和即時實現。 ASP.NET簡介，本文檔將解答如何建立新專案？如何建立新網頁？並練習各種asp控制。 ⦁ 任務分配 總時間 90 分鐘 簡介 10 分鐘 HTML 元素 15 分鐘 ASP 控制 15 分鐘 練習 45 分鐘 ⦁ HTML ⦁ 什麼是 HTML？ HTML 是一種描述網頁的語言。 ⦁ HTML 代表超文本標記語言 ⦁ HTML 不是一種程式語言，它是一種標記語言 ⦁ 標籤的目的是描述頁面內容 ⦁ HTML 標籤 HTML 標記通常稱為 HTML 標籤 ⦁ HTML 標籤是關鍵字（標籤）名稱）被尖括號包圍，例如⦁ HTML 標籤通常成對出現，例如和⦁ 結束標籤的書寫方式與開始標籤類似，在標籤名稱之前有一個正斜杠⦁ 開始和結束標籤也稱為開始標籤和結束標籤⦁ Web瀏覽器 Web 瀏覽器（Chrome、Internet Explorer 和 Firefox）的用途是讀取 HTML 文件並將其顯示為網頁。瀏覽器不顯示 HTML 標籤，而是使用標籤來解釋頁面的內容： ⦁ HTML 元素 ⦁ HTML 元素以開始標籤/開始標籤開始 ⦁ HTML 元素以結束標籤/結束標籤結束 ⦁元素內容是開始標籤和結束標籤之間的所有內容⦁一些HTML元素有空內容⦁大多數HTML元素可以有屬性⦁HTML標題
看看這個
現在你怎麼想
那麼現在呢
⦁ 使用Visual Studio 建立ASP.Net Web 表單第1 步：啟動Visual Studio 實例（版本：20XY）並透過前往「檔案」–>「新建」—>「專案」–>「Web」–>「ASP. NET Web 應用程式」建立新專案如下所示： 步驟2：導覽至解決方案資源管理器，然後新增一個新的Web 表單步驟3：從可用範本中選擇Web 表單並設定其名稱步驟4：雙擊解決方案資源管理器中的MyPage.aspx，然後按一下mypage 中的空白區域.aspx 並按下「CTRL+F5」 輸出將如下所示： ⦁ ASP 控制項（與HTML 元素類似的行為） 基本文字方塊： <asp :TextBox ID="txtName" runat="server"></asp:TextBox>密碼文字方塊： <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> 帶有文字的文字方塊： <asp:TextBox ID="txtTextValue" Text="Hello World! ” runat="server"></asp:TextBox> 多行文字方塊：<asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> 複選框<asp:CheckBox ID=" chkIsStudent" runat="server" /> 單選按鈕<asp:RadioButton ID="rdMale" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rdFemale" GroupName="Gender" runat="server " /> 下拉清單<asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="0"></asp:ListItem> <asp:ListItem Text ="電腦科學" Value="CS"></asp:ListItem> <asp:ListItem Text="電機工程" Value="EE"></asp:ListItem> <asp:ListItem Text="業務管理師" Value="BBA" ></asp:ListItem> <asp:ListItem Text="土木工程" Value="CV"></asp:ListItem> </asp:DropDownList> 按鈕<asp:Button ID="btnSave" Text="儲存表單" runat="server" /> 映像<asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" / > ⦁ 要點⦁問題：為什麼我必須在所有ASP.NET 控制項上指定runat="server"，因為它是強制屬性，而且伺服器是我有限的ASP.NET 知識中唯一可用的選項，如果不這樣做，我會收到錯誤不用它嗎？ ⦁答案：這與處理過程中如何識別伺服器端控制項有關。它不必在運行時按名稱檢查每個控制項以確定是否需要完成伺服器端處理，而是按標籤對內部節點表示進行選擇。編譯器會進行檢查，以確保所有需要伺服器標記的控制項在驗證步驟中都有伺服器標記。 ⦁
表示 HTML 中的換行 ⦁ 表示 HTML 範例表單中的空格 ⦁ 練習 使用 ASP Web 表單建立範例頁面，如下所示。注意：Instagram 標誌：您可以使用網路上的任何標誌。
