<td>~</td>:?jiǎn)卧瘢簲祿?/div>
表格的整體要圈在<table>~</table>之間顯示,表格當中某一個(gè)單元格用<th>~</th>表示或者<td>~</td>表示。每個(gè)單元格都在表的單獨以行,放置在<tr>~</tr>中。也就是說(shuō),table標簽的內容是由tr標簽構成的。各個(gè)tr標簽的內容是由表示單元格的th或者td標簽構成的。th標簽代表這個(gè)單元格的內容是標題。td標簽代表這個(gè)單元格的內容是數據
為表格添加標題
<caption>~</caption>
<caption align=”對齊方式”>~</caption>
caption標簽用來(lái)給表格添加標題
該標簽一定要放在table標簽的緊后面。標題的顯示位置(即對齊方式)可以指定在表格的上部,或者表格的下部
指定表格的大小
<table width=”寬度”>~</table>
寬度:針對像素或者窗口的百分比
指定單元格大小
<th width=”寬度” height=”高度”>~</th>
<td width=”寬度” height=”高度”>~</td>
合并單元格
<th rowspan=”垂直方向的合并數”>~</th>
<th colspan=”水平方向的合并數”>~</th>
<td rowspan=”垂直方向的合并數”>~</td>
<td colspan=”水平方向的合并數”>~</td>
垂直方向的合并數:從當前單元格開(kāi)始向下合并的單元格數
水平方向的合并數:從當前單元格開(kāi)始向右合并的單元格數
設置單元格之間的距離
<table cellspacing=”單元格的距離”>~</table>
設置單元格邊框與內容之間的距離
<table cellpadding=”單元格邊框與內容之間的距離”>~</table>
設置單元格中的行對齊方式和列對齊方式
align屬性用于設置單元格內的行對齊方式,valign屬性用來(lái)設置單元格內的列對齊方式
禁止在單元格內換行
<th nowrap>~</th>
<td nowrap>~</td>
設置表格和單元格的背景顏色
bgcolor屬性用于指定表格和單元格中的背景顏色
設置表格和單元格的背景圖像
background屬性用于指定表格和單元格中的背景圖像
設置表格外框的寬度
<table border=”外框的寬度”>~</table>
設置表格外框的顯示形式
<table frame=”外框的顯示形式”>~</table>
設置表格內補邊框線(xiàn)的顯示形式
<table rules=”內部邊框線(xiàn)的顯示形式”>~</table>
定義表格中的橫行
<thead>~</thead>:表頭部分
<tbody>~</tbody>:表體部分
<tfoot>~</tfoot>:表底部分
thead標簽、tbody標簽和tfoot標簽都是用來(lái)定義表格的橫行(tr標簽)的
這樣組合之后,就可以針對該組合的整體來(lái)應用屬性和樣式表。
使用這些標簽的時(shí)候,一定要以thead標簽、tfoot標簽和tbody標簽的順序進(jìn)行排列。在一個(gè)表格里,只能放置一個(gè)thead標簽和一個(gè)tfoot標簽,而tbody標簽可以根據需要放置多個(gè)
利用縱列設置表格屬性和樣式表
<col span=”縱列數”>
<col span=”縱列數” width=”寬度”>
col標簽不僅可以用來(lái)改變表格的縱列結構,還可以用來(lái)根據縱列,來(lái)綜合指定寬和行對齊方式等屬性以及樣式表
該標簽放置的位置要在caption標簽的緊后面(如果沒(méi)有caption標簽,就放在table標簽的開(kāi)始標簽的緊后面),以及thead標簽和tr標簽的前面
設置表格居中
<table align=”center”>~</table>
將表格嵌入到文本中
<table align=”對齊方式”>~</table>
位置:left,right
將table標簽的align屬性指定為left或者right后,就可以將表格以居左或居右的方式嵌入到文字中間
如果想要解除嵌入狀態(tài),可以使用<br>標簽的clear屬性
解除表格的嵌套
<br clear=”解除表格那一側的嵌套”>
left:解除左側表格的嵌套
right:解除右側表格的嵌套
all:解除兩側表格的嵌套
設置表格與嵌套文字之間的距離
<table vspace=”垂直距離” hspace=”水平距離”>~</table>
垂直距離:表格的上下框與文字間的距離
水平距離:表格的左右框與文字間的距離
9、設置圖像與多媒體
插入圖像
<img src=”URL” width=”寬度” hignt=”高度” alt=”替代文字”>
使用img標簽,可以把圖像插入到HTML文件中
圖像的格式一般可以使用GIF格式、JPEG格式和PNG格式
不管圖像實(shí)際的大小如何,都會(huì )按照在這里所指定的寬度和高度來(lái)顯示
alt屬性是在不能顯示圖像的情況下,指定替代圖像所使用的文字
設置圖像的邊框
<img src=”URL” alt=”替代文字” border=”邊框的粗度”>
設置圖像與文字的垂直位置關(guān)系
<img src=”URL” alt=”替代文字” align=”對齊方式”>
在同一行中,如果有圖像和文字,那么就可以用align屬性來(lái)設置圖像和文字的垂直位置關(guān)系
制作圖像熱區
<img src=”URL” alt=”替代文字” usemap=”#map名”>
<map name=”map名”>~</map>
<area shape=”形狀” cords=”坐標” href=”URL” alt=”替代文字”>
在map標簽中,用來(lái)設置實(shí)際單擊的區域和鏈接地址的是area標簽
在area標簽中,一定要指定表示鏈接地址的替代文字,之后要用image標簽的usemap屬性指定定義后的image map的名稱(chēng)(名稱(chēng)前面要加#),這樣圖像就可以作為image map產(chǎn)生相應的效果
將圖像嵌套在文本中
<img src=”URL” alt=”替代文字” align=”對齊方式”>
位置:left,right
解除圖像的嵌套
<br clear=”解除哪一側圖像的嵌套”>
設置圖像與周?chē)淖种g的距離
<img src=”URL” alt=”替代文字” vspace=”垂直距離” hspace=”水平距離”>
放置Java小程序
<applet code=”類(lèi)文件名” width=”寬度” height=”高度” >~</applet>
<param name=”參數名” value=”參數值”>
applet標簽是嵌入Java小程序時(shí)要使用的標簽
如果使用param標簽,在執行java小程序時(shí),需事先指定一些必要值。這時(shí),param標簽要位于<applet>~</applet>范圍的最開(kāi)始部分
10、制作不同類(lèi)型的表單
制作填寫(xiě)表單
<form action=”URL” method=”發(fā)送形式” enctype=”MIME類(lèi)型” target=”窗口名稱(chēng)”>~</form>
URL:用來(lái)處理發(fā)送后表格的程序的URL
發(fā)送形式:get,post
MIME類(lèi)型:以post方式發(fā)送內容時(shí)的MIME類(lèi)型
窗口名稱(chēng):先是發(fā)送結果的窗口或框架名
form標簽表示在表單中填寫(xiě)的內容是可以發(fā)送的
制作發(fā)送按鈕
<input type=”submit” value=”標簽” name=”名稱(chēng)”>
標簽:在按鈕上顯示的文字
名稱(chēng):按鈕的名稱(chēng)
將input標簽的type屬性設置為submit,再根據form標簽的設置,可以制作發(fā)送填寫(xiě)在表單中數據的按鈕
制作重置按鈕
<input type=”reset” value=”標簽”>
制作通用按鈕
<input type=”button” name=”名稱(chēng)” value=”標簽”>
通用按鈕通常與JavaScript等腳本語(yǔ)言組合使用
利用圖像來(lái)制作發(fā)送按鈕
<input type=”image” src=”URL” name=”名稱(chēng)” alt=”替代文字” align=”對齊方式”>
通常,發(fā)送按鈕都使用input type=”submit”代碼,不過(guò)圖像也可以作為發(fā)送按鈕,具有發(fā)送功能。這時(shí),圖像被單擊的位置將和表單的內容一起被發(fā)送
制作不同功能的發(fā)送按鈕
<button type=”類(lèi)型” name=”名稱(chēng)” value=”發(fā)送值”>~</button>
類(lèi)型:submit,reset,button
button標簽是用來(lái)制作按鈕專(zhuān)用的
通過(guò)指定type屬性值,就可以產(chǎn)生具有不同功能的按鈕,包括發(fā)送按鈕、重置按鈕和通用按鈕。另外,在<button>~</button>中放置相應的內容,可以作為按鈕的標簽顯示出來(lái)。在需要進(jìn)行其他處理并設置多個(gè)發(fā)送按鈕的情況下,根據name屬性和value屬性所顯示的值,接受方就可以分辨出單擊的是哪一個(gè)發(fā)送按鈕
制作單行文本框
<input type=”text” name=”名稱(chēng)” value=”默認文字” size=”寬度” maxlength=”字符的最大輸入數量”>
制作多行文本框
<textarea name=”名稱(chēng)” rows=”行數” cols=”寬度”>~</textarea>
制作輸入密碼的文本框
<input type=”password” name=”名稱(chēng)” value=”默認文字” size=”寬度” maxlength=”字符的最大輸入數量”>
插入隱藏域
<input type=”hidden” name=”名稱(chēng)” value=”發(fā)送值” >
制作單選按鈕
<input type=”radio” name=”名稱(chēng)” value=”發(fā)送文字” >
<input type=”radio” name=”名稱(chēng)” value=”發(fā)送文字” checked>
將input標簽的type屬性設置為radio,可以用來(lái)制作單選按鈕。單選按鈕是多個(gè)選項當中只能選擇其一的按鈕。作為公共項目的選項而使用的單選按鈕,要把它們都指定為同一名稱(chēng)。另外,發(fā)送數據的時(shí)候,為了識別所選的是哪一項,要用value屬性來(lái)指定相應的值
制作復選框
<input type=”checkbox” name=”名稱(chēng)” value=”發(fā)送文字” >
<input type=” checkbox” name=”名稱(chēng)” value=”發(fā)送文字” checked>
將input標簽的type屬性設置為checkbox,可以用來(lái)制作復選框。復選框可以在多個(gè)選項當中進(jìn)行多項選擇。作為公共項目的選項而使用的復選框,要把它們都指定為同一名稱(chēng)。另外,發(fā)送數據的時(shí)候,為了識別所選的是哪一項,要用value屬性來(lái)指定相應的值
制作菜單
<select name=”名稱(chēng)”>~</select>:菜單整體
<option value=”發(fā)送值”>~</option>:菜單項
<option selected>~</option>:菜單項
select標簽用來(lái)制作菜單
菜單的整體要在<select>~</select>范圍之內顯示,然后按需要的數量在其中放置表示選項的<option>~</option>。<option>~</option>范圍之內要寫(xiě)上實(shí)際菜單要顯示的選項的名稱(chēng)。另外,如果省略了value屬性,在這里記錄的文字本身就會(huì )作為所選值發(fā)送
組合菜單選項
<optgroup lable=”組合名稱(chēng)”>~</optgroup>:制作組合菜單
<option lable=”次選項”>~</option>:組合內的選項
組合名稱(chēng):第一級顯示的組合標題
次選項:對應組合名稱(chēng)下面的在第二級顯示出來(lái)的選項
制作的菜單選項可以利用<select>~</select>標簽組合起來(lái)
制作下拉列表
<select size=”行數” name=”名稱(chēng)” multiple>~</select>:下拉列表框
<option value=”發(fā)送值”>~</option>:菜單項
<option selected>~</option>:菜單項
在用于制作菜單的select標簽中指定了size屬性后,就可以顯示下拉列表框
添加選擇文件的功能
<input type=”file” name=”名稱(chēng)”accept=”MIME”類(lèi)型>
將input標簽的type屬性設置為file,可以自動(dòng)做成能夠選擇發(fā)送表單數據的文件按鈕和文本框
綜合利用菜單選項
<fieldset>~</fieldset>:組合
<legend align=”對齊方式”>~</legend>:組合的標題
field標簽用來(lái)把填寫(xiě)在表單中需要包含的輸入內容和選項組合起來(lái)
在<fieldset>~</fieldset>的最開(kāi)始部分放置legend標簽,并且給該組合加上標題
將標簽文字與項目一體化
<label for=”參照ID”>~</lable>
參照ID:添加了標簽的對象的id屬性值
lable標簽的作用是在輸入項和選項及其標簽文字之間建立起明確的關(guān)聯(lián),并使其一體化
11、利用框架布局網(wǎng)頁(yè)
設置框架整體結構
<frameset rows=”高度”>~</frameset>
<frameset cols=”寬度”>~</frameset>
<frame src=”URL” name=”框架名稱(chēng)”>
高度:在垂直方向上分布的多個(gè)框架的高度,按從上到下的順序依次用逗號隔開(kāi)來(lái)指定
寬度:在水平方向上分布的多個(gè)框架的寬度,按從左到右的順序依次用逗號隔開(kāi)來(lái)指定
URL:作為框架內容顯示的HTML文件的URL
框架名稱(chēng):在指定鏈接等顯示目標的時(shí)候使用的名稱(chēng)
使用框架功能可以把窗口橫豎切割開(kāi),然后在不同的塊區域中顯示其他的HTML文件。在指定了框架的文件中,原來(lái)body標簽所在的位置,要放置frameset標簽,這主要是由于在框架頁(yè)面中不能使用body標簽
在<frameset>~</frameset>的范圍中要按照順序填入分割后框架內要填寫(xiě)的內容。如果不需要再分割,就用frame標簽指定要導入的HTML文件,如果還要繼續分割的話(huà),就需要放置frameset標簽(作為嵌套放置在里面,并且指定蓋框架如何分割)
設置框架的顯示方法
<frame scrolling=”滾動(dòng)控制” noresize>
<frame marginwidth=”左右縮進(jìn)” marginheight=”上下縮進(jìn)”>
設置是否顯示邊框
<frame frameborder=”顯示指定框架的邊框”>
frameborder屬性用來(lái)設置分割開(kāi)相鄰框架的邊框是否顯示
去除分割框架的邊框
<frameset frameborder=”0” framespacing=”0” border=”0”>
在不支持框架的環(huán)境中顯示所需內容
<noframes>~</noframes>
這個(gè)標簽要在<frameset>~</frameset>范圍的最開(kāi)始或者最后處放置一個(gè)。在<noframes>~</noframes>范圍內要首先放置body標簽,并在其中填寫(xiě)所要顯示的內容。
指定鏈接目標在哪一個(gè)框架內顯示
<a href=”URL” target=”框架名”>~</a>
如果對框架內的文件中指定的鏈接不進(jìn)行設置的話(huà),就會(huì )在原來(lái)的相同框架中顯示鏈接目標,如果想使這個(gè)鏈接目標在其他框架中顯示的話(huà),就需要指定target屬性值,用想要顯示(frame標簽)的那個(gè)框架的name屬性來(lái)指定框架名稱(chēng)
插入內嵌框架
<iframe src=”內容的URL” name=”框架名”>~</iframe>
iframe標簽不僅可以放置分割窗口形式的框架,還可以在窗口中放置獨立顯示的內嵌框架。在框架內還可以顯示src屬性所指定的內容
如果瀏覽器不支持這種框架,要在<iframe>~</iframe>之間指定要顯示的內容
12、關(guān)于腳本
在HTML中插入腳本
<script type=”MME類(lèi)型”>~</script>
<script type=”MME類(lèi)型” language=”語(yǔ)言名稱(chēng)” src=”URL”>~</script>
在HTML文件中編寫(xiě)腳本的時(shí)候要用到script標簽,腳本語(yǔ)言要寫(xiě)在這個(gè)標簽的范圍內
這時(shí),在不支持這個(gè)標簽的瀏覽器上會(huì )在畫(huà)面上顯示出腳本的部分,為了避免這種現象,通常把腳本整體作為HTML的注釋。這個(gè)標簽可以放在<head>~</head>和<body>~</body>范圍內的任意位置上
在不能執行腳本的環(huán)境中添加所需的內容
<noscript>~</noscript>
在腳本不能運行的時(shí)候,可以使用noscript標簽來(lái)指定替代顯示的內容
這個(gè)標簽要放置在<body>~</body>的范圍內