ASP.NET - Halaman Web

Halaman ASP.NET sederhana terlihat seperti halaman HTML biasa.

Hello CodeW3C.com

Untuk memulai perjalanan belajar ASP.NET kami, pertama-tama kita akan membuat halaman HTML sederhana yang akan menampilkan "Hello CodeW3C.com" di browser.

Hello CodeW3C.com

Hello CodeW3C.com ditulis dengan HTML

Kode HTML halaman HTML ini:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas yang dinamai "firstpage.html" dan buat tautan ke berkas ini, seperti ini:firstpage.html。

Hello CodeW3C.com ditulis dengan ASP.NET

Cara paling sederhana untuk mengkonversi halaman HTML ke ASP.NET adalah menyalin berkas HTML dan menamainya dengan ekstensi .aspx.

Ini akan menampilkan contoh kami sebagai halaman ASP.NET:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Jika Anda ingin mencoba sendiri, simpan kode ini di berkas yang dinamai "firstpage.aspx" dan buat tautan ke berkas ini:firstpage.aspx。

Bagaimana cara kerjanya?

Dari dasarnya, halaman ASP.NET sama dengan halaman HTML.

Ekstensi halaman HTML adalah .htm atau .html. Jika peramban meminta halaman HTML, server akan mengirim halaman ke peramban tanpa mengubahnya.

Ekstensi halaman ASP.NET adalah .aspx. Jika peramban meminta halaman ASP.NET, server akan mengolah kode eksekusi di halaman sebelum mengirimkan hasilnya ke peramban.

Halaman ASP.NET yang ada di atas tidak mengandung kode eksekusi apapun, sehingga halaman itu tidak akan menjalankan kode apapun. Dalam contoh di bawah, kita akan menambahkan beberapa kode eksekusi ke halaman untuk menunjukkan perbedaan antara halaman HTML statis dan halaman ASP dinamis.

Classic ASP

Active Server Pages (ASP) sudah populer selama bertahun-tahun. Melalui ASP, kode eksekusi dapat disisipkan di dalam halaman HTML.

Versi ASP sebelum ASP.NET sering disebut Classic ASP (Classic ASP).

ASP.NET bukanlah sepenuhnya kompatibel dengan Classic ASP, tetapi dengan sedikit perubahan, Classic ASP dapat beroperasi dengan baik sebagai ASP.NET.

如果您希望学习更多有关 Classic ASP 的知识，请访问我们的 ASP 教程。

用 Classic ASP 编写的动态页面

为了向您演示如何使用动态内容显示页面，我们向上面的例子添加了一些可执行代码：

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

<% --%> 标签内的代码在服务器上执行。

Response.Write 是 ASP 代码，用来向 HTML 输出流文本。

Now() 是一个可返回服务器当前日期和时间的函数。

如果您希望亲自试一试，可以把这些代码保存在名为 "dynpage.asp" 的文件中，并创建一个指向该文件的链接：dynpage.asp。

用 ASP .NET 编写的动态页面

下面的代码可把我们的例子显示为一个 ASP.NET 页面：

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

如果您希望亲自试一试，请把这些代码保存在名为 "dynpage.aspx" 的文件中，然后创建到此文件的链接：dynpage.aspx。

ASP.NET vs Classic ASP

上面的例子无法展示出 ASP.NET 与 Classic ASP 之间的不同之处。

正如您在最后的两个例子中看到的，在这个两个 ASP 和 ASP.NET 页面之间，没有什么不同之处。

在下面的章节中，您会看到，服务器控件如何使 ASP.NET 比 Classic ASP 更加强大。