ASP.NET Web Forms – HTML 頁面簡介
在開始學習 ASP.NET 之前,我們先來構建一個簡單的 HTML 頁面,該頁面將在瀏覽器中顯示 "Hello RUNOOB.COM":
Hello RUNOOB.COM!
下面的程式碼將以 HTML 頁面的形式顯示例項:
<html> <body bgcolor="yellow"> <center> <h2>Hello RUNOOB.COM!</h2> </center> </body> </html>
如果您想親自嘗試一下,請儲存上面的程式碼到一個名為 "firstpage.htm" 的檔案中,並建立一個到該檔案的連結:firstpage.htm。
轉換 HTML 頁面為 ASP.NET 頁面最簡單的方法是,直接複製一個 HTML 檔案,並把新檔案的副檔名改成 .aspx 。
下面的程式碼將以 ASP.NET 頁面的形式顯示例項:
pre><html>
<body bgcolor="yellow">
<center>
<h2>Hello RUNOOB.COM!</h2>
</center>
</body>
</html>
如果您想親自嘗試一下,請儲存上面的程式碼到一個名為 "firstpage.aspx" 的檔案中,並建立一個到該檔案的連結:firstpage.aspx。
從根本上講,ASP.NET 頁面與 HTML 是完全相同的。
HTML 頁面的副檔名是 .htm。如果瀏覽器向伺服器請求一個 HTML 頁面,伺服器可以不進行任何修改,就直接傳送頁面給瀏覽器。
ASP.NET 頁面的副檔名是 .aspx。如果瀏覽器向伺服器請求個 ASP.NET 頁面,伺服器在將結果發回給瀏覽器之前,需要先處理頁面中的可執行程式碼。
上面的 ASP.NET 頁面不包含任何可執行的程式碼,所以沒有執行任何東西。在下面的例項中,我們將新增一些可執行的程式碼到頁面中,以便演示靜態 HTML 頁面和動態 ASP 頁面的不同之處。
Active Server Pages (ASP) 已經流行很多年了。通過 ASP,可以在 HTML 頁面中放置可執行程式碼。
之前的 ASP 版本(在 ASP.NET 之前)通常被稱為經典 ASP。
ASP.NET 不完全相容經典 ASP,但是隻需要經過少量的修改,大部分經典 ASP 頁面就可以作為 ASP.NET 頁面良好地執行。
為了演示 ASP 是如何顯示包含動態內容的頁面,我們將向上面的例項中新增一些可執行的程式碼(紅色字型標識):
<html> <body bgcolor="yellow"> <center> <h2>Hello RUNOOB.COM!</h2> <p><%Response.Write(now())%></p> </center> </body> </html>
<% --%> 標籤內的程式碼是在伺服器上執行的。
Response.Write 是用來向 HTML 輸出流中寫東西的 ASP 程式碼。
Now() 是一個返回伺服器當前日期和時間的函式。
如果您想親自嘗試一下,請儲存上面的程式碼到一個名為 "dynpage.asp" 的檔案中,並建立一個到該檔案的連結:dynpage.asp。
下面的程式碼將以 ASP.NET 頁面的形式顯示例項:
<html> <body bgcolor="yellow"> <center> <h2>Hello RUNOOB.COM!</h2> <p><%Response.Write(now())%></p> </center> </body> </html>
如果您想親自嘗試一下,請儲存上面的程式碼到一個名為 "dynpage.aspx" 的檔案中,並建立一個到該檔案的連結:dynpage.aspx。
上面的例項無法演示 ASP.NET 與經典 ASP 之間任何的不同之處。
正如最後的兩個例項中,您看不出 ASP 頁面和 ASP.NET 頁面兩者之間的不同之處。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901823/viewspace-2884157/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- ASP.NET Web Forms – HTML 表單簡介ASP.NETWebORMHTML
- ASP.NET Web Forms – 事件簡介ASP.NETWebORM事件
- ASP.NET Web Forms – SortedList 物件簡介ASP.NETWebORM物件
- ASP.NET Web Forms – Hashtable 物件簡介ASP.NETWebORM物件
- ASP.NET Web Forms – ArrayList 物件簡介ASP.NETWebORM物件
- ASP.NET Web Forms – 導航簡介ASP.NETWebORM
- ASP.NET Web Forms – XML 檔案簡介ASP.NETWebORMXML
- ASP.NET Web Forms – Repeater 控制元件簡介ASP.NETWebORM控制元件
- ASP.NET Web Forms – Button 控制元件簡介ASP.NETWebORM控制元件
- ASP.NET Web Forms – TextBox 控制元件簡介ASP.NETWebORM控制元件
- ASP.NET Web Pages – 頁面佈局簡介ASP.NETWeb
- ASP.NET Web Forms – 資料庫連線簡介ASP.NETWebORM資料庫
- ASP.NET Web Forms – Web 伺服器控制元件簡介ASP.NETWebORM伺服器控制元件
- ASP.NET Web Forms – 伺服器控制元件簡介ASP.NETWebORM伺服器控制元件
- ASP.NET 網頁- HTML 表單簡介ASP.NET網頁HTML
- ASP.NET Web Pages – 物件簡介ASP.NETWeb物件
- HTML5 Web Workers簡介HTMLWeb
- HTML 22 - FormsHTMLORM
- ASP.NET Web 窗體- 保持 ViewState簡介ASP.NETWebView
- ASP.NET Web Pages – 幫助器簡介ASP.NETWeb
- ASP.NET Web Pages – 資料夾簡介ASP.NETWeb
- RabbitMQ的web頁面介紹(三)MQWeb
- ASP.NET Web Pages – Chart 幫助器簡介ASP.NETWeb
- ASP.NET 網頁- WebMail 幫助器簡介ASP.NET網頁WebAI
- ASP.NET 網頁- WebGrid 幫助器簡介ASP.NET網頁Web
- HTML5 Web SQL 資料庫簡介HTMLWebSQL資料庫
- html-html簡介HTML
- HTML————1、HTML簡介HTML
- HTML簡介HTML
- HTML 簡介HTML
- 前段頁面HTMLHTML
- ASP.NET Core 5.0 MVC中的 Razor 頁面 介紹ASP.NETMVC
- web頁面Web
- HTML-簡介HTML
- 01、HTML 簡介HTML
- HTML 段落簡介HTML
- HTML 框架簡介HTML框架
- HTML 表格簡介HTML