[ASP.NET] #2 Asp.net中的 HTML 樣式 - antqtech/KM GitHub Wiki

ASP.NET中的樣式設計

文前閱讀Visual studio 2022 安裝、建立 Web 表單

之後會先進入到這個畫面

image

head runat="server"此標記開始HTML文檔的根元素,並聲明了XML命名空間,以便該頁面能夠正確解析。

head元素包含頁面的信息和頁面引用的外部資源,例如樣式表和腳本。

title元素設置頁面的標題,這是顯示在瀏覽器標籤欄中的文本。

link元素用於將外部樣式表文件與頁面關聯。這個標記引入了名為theme.css的CSS樣式表文件。

body元素是HTML文檔的主體部分,包含網頁上顯示的所有內容。

form元素定義了一個表單,它可以用於在網頁上收集和提交數據。id屬性指定了表單的唯一標識符,runat="server"屬性使該元素能夠在ASP.NET代碼中進行操作。

h1元素表示一級標題,用於顯示重要的標題文字。這裡的文本是網頁的主標題。

h2元素表示二級標題,用於顯示次要的標題文字。這裡的文本是示例區域的標題。

p元素表示段落,用於顯示一段文本。這裡的文本是示例區域的內容。

button元素表示按鈕,用於創建交互式按鈕。這裡的文本是按鈕的標籤。

最後,經過上述代碼和相關的CSS樣式表的設置,我們創建了一個簡單的網頁示例,其中包含了主標題、段落、示例區域和按鈕等元素。樣式表定義了這些元素的外觀屬性,如字體大小、顏色和背景顏色等。通過設置主題樣式,我們將這些樣式應用到網頁中,使其具有統一的外觀和風格。

結果範例 image

image

image