標籤：識別 簽名 post方法 格式化 blank 多行 上傳檔案 maxlength 設計
1．文檔格式化
1.1 文字格式化
（1）添加標準文字，可治癒<body>與</body>標記之間。
（2）改變文字屬性。可用<font>標記。
（3）格式化文字。物理的和邏輯的。物理標記包括用於指定
粗體的<b>標記，<i>斜體標記。邏輯標記，邏輯元素如
<strong>標記和<em>標記。具體案例見HTML+css應用。
（4）特殊字元。有時需要在HTML文檔中加入一些特殊的字元
，如著作權符號“”、”<”等。這些字元通常不能被瀏覽器直
接識別，或者是瀏覽器的保留字元（如“<”符號用於標記）
。通過使用一系列轉換字串來表示它們。如空格用“ 
”來表示。“&”符號表示特殊符號的開始，“；”符號表示
特殊字元的結束。兩字元中間所代表的特殊字元英文含義的縮
寫。
1.2超連結和錨站。
線性文本和非線性文本。線性資訊指按照直線發展的資訊。從
某點開始，按照某一路徑，到另外一點結束。線性文本的上下
文連貫。非線性文本中，雜誌和字典是非線性文本的典型範例
。
（1） 連結
超文本連結：串連不同超文字檔的方式稱為超文本連結。
（2） 錨站元素，用<a>標記表示。
<a href=”url”>超連結顯示文字</a>
命名錨站：用於建立指向同一頁面中指定位置的連結。以便直
接跳到此位置。命名錨站也叫做“書籤”。
命名錨站的一般文法為：<a name=”書籤名”>錨站A</a>
找到錨站：<a href=”#書籤名”>單擊此處將使瀏覽器跳到錨
站A處</a>
1.3段落格式化
（1）段落標記
<p> </p>:可用align屬性指定段落的對齊。如：<p
aligh=”center”><b>置中對齊段落</b></p>
<div>、<span>、<address>、<blockquote>
其中<div>和<span>標記都可以將文檔的結構分為一部分或多
部分。分成幾個邏輯部分後，結合樣式表可分別控制它們的顯
示效果。
（2）預格式化段落標記
<pre>標記，保留錄入原樣顯示。
2．使用映像和背景
2.1 在Web頁中添加映像。
<img src=”影像檔url” alt=“替換文本”>
2.2 圖片熱區的連結
<map name=”FPMap”>
<area href=http://www.cumt.edu.cn shape=”rect”
coords=”10,32,333,372”>
</map>
3．表格
表格的基本文法：<table></table> 定義表格
<caption></caption>定義標題
<tr> 定義表行
<th> 定義表頭
<td> 定義表元（表格的具體資料）
4．表單
表單是前台頁面和幕後處理程式（ASP、JSP、CGI等）的介面
。
4.1 <form>標籤
文法格式為：<form></form> 屬性有：name屬性；method屬
性（Get方法、Post方法）；action屬性
（action=“accept.asp”表明表單中的內容提交給幕後處理
程式accept.asp來處理）；enctype屬性（用來設定表單中信
息的編碼方式。取值有unknown與enctype，預設為unknown。
需要上傳檔案時，需要設為enctype=”multipart/form-data
”）
4.2 <input>標籤
屬性：name;value;maxlength;size;type(text、password、
file、submit、reset、checkbox複選框、radio單選框)
4.3<textarea>標籤
<textarea></textarea>
屬性：name、cols（多行文本輸入框的列數）、rows（設定多
行文本的行數）、wrap（設定多行文字框中的文本超出文本列
寬時是否換行，取值有virtual換行、physical換行、off不換
行，預設為換行）
4.4<select>標籤與<option>標籤
主要用來定義列表框。文法格式為：<select></select>.
<select>標籤必須與<option>標籤配套使用，後者用於定義列
表框的各個選項。<option>標籤可以單獨使用，也可成對使用
。
<select>標籤屬性：name、size
<option>標籤屬性：value、selected
5．架構
使用Frames結構設計的HTML檔案，能夠將整個視窗分為幾個獨
立的小視窗，每一個視窗可分別載入到不同的檔案，每個視窗
是可以互相溝通的。
<frameset>
<frame src=”url”>
<frame src=”url”>
</frameset>
5.1各視窗的尺寸設定
將視窗分割為幾塊，橫向分視窗用ROWS屬性，縱向分視窗用
COLS屬性，每一塊的大小由這兩個屬性的值來實現。
<frameset cols=#> <frameset cols=”100,200,300”>
<frameset cols=”100,200,*”> <frameset
cols=”100,*,*”>
<frameset cols=”*,*,*”>
<frameset rows=#> <frameset rows=”10%,20%,70%”>
（1） 縱向排列多個視窗
<framesetcols=“30%,20%,50%”>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
（2） 橫向排列多個視窗
<framesetrows=25%,25%,50%>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
<Frameset>標籤是可以嵌套使用的，也就是說，可以將其中某
一個或某幾個子視窗再劃分為若干個更小的視窗。
<html>
<frameset cols="30%,90,*">
<framesrc="td1.html" name=cont>
<framesetrows="120,*">
<frame src="Tulip.jpg">
<frame src="蒲公英的約定.mp3">
</frameset>
<framesrc="td2.html" name=another>
</frameset>
</html>
5.2 各視窗間相互操作
由Frames分出來的幾個視窗的內容並不是靜止不變的，往往一
個視窗的內容隨著另一個視窗的要求而不斷變化，這就提高了
Frames的利用價值。為了完成各視窗之間的相互操作，我們必
須為每一個視窗起一個名字，這個名字用屬性Name來定義。
<framesrc=url name=“視窗名”>
例如：<frame src="a.html" name=“left”>
定義了視窗名稱，還應該有Target來配合使用，Target屬性指
定了所連結的檔案出現在哪一視窗。Target的值可以是name定
義的名稱，也可以是以下四類值：
<a href=urltarget=_blank> 顯示一個新視窗
<a href=urltarget=_self> 顯示在同一個視窗
<a href=urltarget=_parent> 顯示在Frameset的前一份文
件的視窗
<a href=urltarget=_top> 顯示在整個瀏覽器視窗
HTML+CSS學習筆記
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
