HTML網頁設計案例指導筆記

時間 2019-12-04

原文原文鏈接

HTML網頁設計案例指導筆記 html

第一章
——網頁設計基礎
一、 HTML（超文本標記語言）。
二、腳本是一種可以完成某種特殊功能的「小程序」。腳本是一種解釋式語言，沒必要事先編
譯。
三、 ASP：ASP是Active Server Page的縮寫，意爲「動態服務器頁面」。
第二章
——HTML基本標記
一、HTML文檔結構：
<html>
<head>
<title> ……</title>
</head>
<body>
……
</body>
</html>
二、<head>是HTML文檔的頭部標籤。若不須要頭部信息則能夠省略此標籤。
三、<body>標籤，是HTML文檔的主體標籤，該標籤不能省略。
表2-1 <body>標籤的屬性及含義
屬性含義
Link 設置頁面默認的超連接文本的顏色
alink 設置鼠標正在單擊時的超連接文本的顏色
vlink 設置訪問後超連接文本的顏色
background 設置頁面的背景圖像
bgcolor 設置頁面的背景顏色
leftmargin 設置頁面的左邊距
topmargin 設置頁面的上邊距
bgproperties 設置頁面背景圖像爲固定，不隨頁面的滾動而滾動
Text 設置頁面文本的顏色
四、標題文本標籤<hn>格式以下所示：
<hn align = 參數> 標題內容</hn>
※<hn>標籤共分爲6級，級數越大，標題文字越小，align爲標題對齊方式。
五、文本格式控制標籤。
表2-2 的屬性
屬性使用功能默認值
face 設置文字使用的字體宋體
Size 設置文字的大小 3
color 設置文字的顏色黑色

第2頁

使用格式以下所示：
文字
※size的屬性值爲1-7，也能夠用「+」或「-」來設定字號的相對值；color屬性的值爲
RGB顏色「#nnnnn」或直接輸入顏色的名稱。
六、經常使用的特定文字標籤分爲兩類：物理類（包括標籤、標籤和標籤）和邏輯類（包
括標籤、標籤、標籤<cite>、標籤<code>、標籤、標籤<big>、標籤
<samp>、標籤<kdb>、標籤<var>、標籤<dfn>、標籤和標籤、）。
標籤含義
 粗體標籤
 斜體標籤
 下劃線標籤
 用於強調文本，通常顯示爲斜體
 用於特別強調的文本，顯示爲粗體字
<cite> 用於引證和舉例，一般是斜體字
<code> 用於指出放在該標籤中的內容是一組代碼
 用於規定文本以小號字顯示
<big> 用於規定文本以大號字顯示
<samp> 放在該標籤中的文字以計算機經常使用的字體樣式顯示，即匡杜相等的字體
<kbd> 放在該標籤對中的文字是由用戶輸入的文本，一般顯示爲較粗寬字體
<var> 放在該標籤中的文字用來表示變量，一般顯示爲斜體字
<dfn> 放在該標籤中的文字表示一個定義或說明，一般顯示爲斜體字
 放在該標籤中的文字表示一個下標
 放在該標籤中的文字表示一個上標
七、換行符標籤 是個單標籤。當文件在瀏覽器中顯示時，該標籤以後的內容將顯示在下
一行。
八、註釋標籤的應用格式以下所示：
<!—註釋的內容-->
九、署名標籤<address>，通常用於說明這個網頁的開發者及其它相關信息。在<address>和
</address>標籤對之間顯示的文字是斜體字。<address>標籤的應用格式以下所示：
<address>內容</address>
十、不一樣段落間的間距至關於連續使用了兩個換行符。段落標籤能夠單獨使用，也能夠成對
使用。單獨使用時，下一個標籤的開始，就意爲着上一個標籤的結束。應用格
式以下所示：內容
十一、居中對齊標籤<center>，格式以下所示：<center>內容</center>
十二、原樣顯示文字標籤<pre>。應用格式以下所示：<pre>內容</pre>
1三、縮排標籤<blockquote>能夠用來建立一個引文，引文顯示時將會自動右移，左邊空出幾
個空格。其應用格式以下所示：<blockquote>內容</blockquote>
1四、水平線標籤<hr>，是單獨使用的。小程序