使用 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" / > Image <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" /> ⦁ 要点 ⦁ 问题：为什么我必须指定 runat="服务器"当它是强制属性并且服务器是我对 ASP.NET 的有限知识中唯一可用的选项时，在我的所有 ASP.NET 控件上，如果我不使用它，我会收到错误吗？ ⦁答案：这与处理过程中如何识别服务器端控件有关。它不必在运行时按名称检查每个控件以确定是否需要完成服务器端处理，而是按标签对内部节点表示进行选择。编译器会进行检查，以确保所有需要服务器标记的控件在验证步骤中都具有服务器标记。 ⦁
表示 HTML 中的换行 ⦁ 表示 HTML 示例表单中的空格 ⦁ 练习 使用 ASP Web 表单创建示例页面，如下所示。注意：Instagram 徽标：您可以使用互联网上的任何徽标。
