基本介紹
- 中文名：靜態頁面
- 外文名：HyperText Mark-up Language
- 簡稱：HTML
- 地位：構成網頁文檔的主要語言
靜態頁面,頁面元素,基本標籤,標題標籤,文檔整體屬性,文本標籤,連結,格式排版,圖形元素,表格,表格屬性,窗框,窗框屬性,表單,標籤大全,頁面管理,
靜態頁面
HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、連結等。靜態頁面的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。注意：靜態頁面並非網站上沒有動畫的就是靜態頁面。
頁面元素
靜態頁面元素參考手冊
基本標籤
創建一個HTML文檔 <html></html>
設定文檔標題以及其他不在WEB網頁上顯示的信息 <head></head>
設定文檔的可見部分 <body></body>
標題標籤
將文檔的題目放在標題欄中 <title></title>
文檔整體屬性
設定背景顏色，使用名字或十六進制值 <body bgcolor=?>
設定文本文字顏色，使用名字或十六進制值 <body text=?>
設定連結顏色，使用名字或十六進制值 <body link=?>
設定已使用的連結的顏色，使用名字或十六進制值 <body vlink=?>
設定正在被擊中的連結的顏色，使用名字或十六進制值 <body alink=?>
文本標籤
創建預格式化文本 <pre></pre>
創建最大的標題 <h1></h1>
創建最小的標題 <h6></h6>
創建黑體字 <b></b>
創建斜體字 <i></i>
創建打字機風格的字型 <tt></tt>
創建一個引用，通常是斜體 <cite></cite>
加重一個單詞（通常是斜體加黑體） <em></em>
加重一個單詞（通常是斜體加黑體） <strong></strong>
設定字型大小，從1到7 <font size=?></font>
設定字型的顏色，使用名字或十六進制值 <font color=?></font>
連結
創建一個超連結 <a href="URL"></a>
創建一個自動傳送電子郵件的連結 <a href="mailto:EMAIL">.... </a>
創建一個位於文檔內部的靶位 <a name="NAME"></a>
創建一個指向位於文檔內部靶位的連結 <a href="#NAME"></a>
格式排版
創建一個新的段落 <p>
將段落按左、中、右對齊 <p align=?>
插入一個回車換行符 <br>
從兩邊縮進文本 <blockquote>
</blockquote>
創建一個定義列表 <dl></dl>
放在每個定義術語詞之前 <dt>
放在每個定義之前 <dd>
創建一個標有數字的列表 <ol></ol>
放在每個數字列表項之前，並加上一個數字 <li>
創建一個標有圓點的列表 <ul></ul>
放在每個圓點列表項之前，並加上一個圓點 <li>
一個用來排版大塊HTML段落的標籤，也用於格式化表 <div align=?>
圖形元素
添加一個圖像 <img src="name">
排列對齊一個圖像：左中右或上中下 <img src="name" align=?>
設定圍繞一個圖像的框線的大小 <img src="name" border=?>
加入一條水平線 <hr>
設定水平線的大小（高度） <hr size=?>
設定水平線的寬度（百分比或絕對像素點） <hr width=?>
創建一個沒有陰影的水平線 <hr noshade>
表格
創建一個表格 <table></table>
開始表格中的每一行 <tr></tr>
開始一行中的每一個格子 <td></td>
設定表格頭：一個通常使用黑體居中文字的格子 <th></th>
表格屬性
設定圍繞表格的框線的寬度 <table border=#>
設定表格格子之間空間的大小 <table cellspacing=#>
設定表格格子框線與其內部內容之間空間的大小 <table cellpadding=#>
設定表格的寬度－用絕對像素值或文檔總寬度的百分比 <table width=# or %>
設定表格格子的水平對齊（左中右） <tr align=?> or <td align=?>
設定表格格子的垂直對齊（上中下） <tr valign=?> or <td valign=?>
設定一個表格格子應跨占的列數（預設為1） <td colspan=#>
設定一個表格格子應跨占的行數（預設為1） <td rowspan=#>
禁止表格格子內的內容自動斷行回卷 <td nowrap>
窗框
放在一個窗框文檔的<body>標籤之前，也可以嵌在其他窗框文檔中 <frameset></frameset>
定義一個窗框內的行數，可以使用絕對像素值或高度的百分比 <frameset rows="value,value">
定義一個窗框內的列數，可以使用絕對像素值或寬度的百分比 <frameset cols="value,value">
定義一個窗框內的單一窗或窗區域 <frame>
定義在不支持窗框的瀏覽器中顯示什麼提示 <noframes></noframes>
窗框屬性
規定窗框內顯示什麼HTML文檔 <frame src="URL">
命名窗框或區域以便別的窗框可以指向它 <frame name="name">
定義窗框左右邊緣的空白大小，必須大於等於1 <frame marginwidth=#>
定義窗框上下邊緣的空白大小，必須大於等於1 <frame marginheight=#>
設定窗框是否有滾動欄，其值可以是"yes","no","auto"，預設時一般為"auto" <frame scrolling=VALUE>
禁止用戶調整一個窗框的大小 <frame noresize>
表單
對於功能性的表單，一般需要運行一個CGI小程式，HTML僅僅是產生表單的表面樣子。
創建所有表單 <form></form>
創建一個滾動選單，size設定在需要滾動前可以看到的表單項數目 <select multiple name="NAME" size=?></select>
設定每個表單項的內容 <option>
創建一個下拉選單 <select name="NAME"></select>
設定每個選單項的內容 <option>
創建一個文本框區域，列的數目設定寬度，行的數目設定高度 <textarea name="NAME" cols=40 rows=8></textarea>
創建一個複選框，文字在標籤後面 <input type="checkbox" name="NAME">
創建一個單選框，文字在標籤後面 <input type="radio" name="NAME" value="x">
創建一個單行文本輸入區域，size設定以字元計的寬度 <input type=text name="foo" size=20>
創建一個submit（提交）按鈕 <input type="submit" value="NAME">
創建一個使用圖象的submit（提交）按鈕 <input type="image" border=0 name="NAME" src="name.gif">
創建一個reset（重置）按鈕 <input type="reset">
標籤大全
<!>字型效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字型
<xmp>...</xmp>固定寬度字型(在檔案中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字型(不執行標記符號)
<listing>...</listing> 固定寬度小字型
<font color=00ff00>...</font>字型顏色
<font size=1>...</font>最小字型
<font style =font-size:100 px>...</font>無限增大
//....................................................
頁面管理
一般是先在本地把圖形、動畫、聲音、HTML頁面在本地修改後，然後通過FTP，象 LeapFTP /frontpage/dreamweaver這樣軟體甚至直接覆蓋伺服器上原來的檔案。
