← ASP.NET Web Forms 基础教程 ASP.NET Web Forms 服务器控件 →

ASP.NET Web Forms HTML 页面

最简单的 ASP.NET 页面看上去就像普通的 HTML 页面

Hello 简单教程

在开始学习 ASP.NET 之前，我们先来构建一个简单的 HTML 页面，该页面将在浏览器中显示 "Hello 简单教程"

Hello 简单教程!

用 HTML 编写的 Hello 简单教程

下面的代码将以 HTML 页面的形式显示

<!DOCTYPE html>
<meta charset="utf-8" />
<p style="border:1px solid #ddd;padding:10px;text-align: center;background-color: blue;color:#fff">Hello 简单教程!</p>

如果你想亲自尝试一下，请保存上面的代码到一个名为 "firstpage.html " 的文件中，并创建一个到该文件的链接： firstpage.html

用 ASP.NET 编写的 Hello 简单教程

转换 HTML 页面为 ASP.NET 页面最简单的方法是，直接复制一个 HTML 文件，并把新文件的扩展名改成 .aspx

下面的代码将以 ASP.NET 页面的形式显示

<!DOCTYPE html>
<meta charset="utf-8" />
<p style="border:1px solid #ddd;padding:10px;text-align: center;background-color: blue;color:#fff">Hello 简单教程!</p>

如果您想亲自尝试一下，请保存上面的代码到一个名为 " webforms_firstpage.aspx " 的文件中，并创建一个到该文件的链接： webforms_firstpage.aspx

它是如何工作的？

从根本上讲，ASP.NET 页面与 HTML 是完全相同的

HTML 页面的扩展名是 .html

如果浏览器向服务器请求一个 HTML 页面，服务器可以不进行任何修改，就直接发送页面给浏览器
ASP.NET 页面的扩展名是 .aspx

如果浏览器向服务器请求个 ASP.NET 页面，服务器在将结果发回给浏览器之前，需要先处理页面中的可执行代码

上面的 ASP.NET 页面不包含任何可执行的代码，所以没有执行任何东西

在下面的范例中，我们将添加一些可执行的代码到页面中，以便演示静态 HTML 页面和动态 ASP.NET 页面的不同之处

用 ASP .NET 编写的动态页面

下面的代码将以 ASP.NET 页面的形式显示`

<!DOCTYPE html>
<meta charset="utf-8" />
<div style="border:1px solid #ddd;padding:10px;text-align: center;background-color: blue;color:#fff">
<h2>Hello 简单教程!</h2>
<p><% Response.Write(now()) %></p>
</div>

如果你想亲自尝试一下，请保存上面的代码到一个名为 " webforms_dynpage.aspx " 的文件中，并创建一个到该文件的链接： webforms_dynpage.aspx