第一章 代碼基礎(chǔ)知識(shí)
第十節(jié) 表格標(biāo)簽
本節(jié)講解表格標(biāo)簽。
表格標(biāo)簽也是常用標(biāo)簽之一，而且是個(gè)比較麻煩的標(biāo)簽，難理解的標(biāo)簽。例如：表格的邊距、間距，背景圖片的設(shè)置，多重表格的設(shè)置等內(nèi)容，都是比較難理解的內(nèi)容。這些內(nèi)容我將在表格的制作中講解，本節(jié)只講解表格的一套標(biāo)簽以及常用的屬性與屬值。
說(shuō)到表格，不得不說(shuō)說(shuō)邊框。在制作網(wǎng)頁(yè)的時(shí)候，我們常常使用邊框。你撰寫(xiě)了一篇很優(yōu)秀的文章，發(fā)表以后，總感覺(jué)到頁(yè)面干巴巴光禿禿的，外表不美觀，如果把它放置到一個(gè)美麗的邊框中，將給你的文章增添不少色彩，會(huì)吸引更多的讀者來(lái)瀏覽它收藏它。本節(jié)要講解的內(nèi)容，正是這個(gè)邊框。
也許有人會(huì)問(wèn)，你既然要講解邊框，為什么又說(shuō)是要講解表格呢？邊框和表格究竟是什么關(guān)系呢？
在網(wǎng)絡(luò)中流傳的諸多代碼中，只有表格標(biāo)簽，沒(méi)有邊框標(biāo)簽，這是為什么呢？我想其中的道理也許是如此吧：邊框是表格，是表格的一種特殊形式，是添加了裝飾的表格。在邊框中，可以設(shè)置多種漂亮的邊框線，可以設(shè)置表格的間距，設(shè)置背景圖片，還可以在表格中再套入表格，制作出三五層、七八層以至更多層次的疊加邊框。這樣的表格，非常漂亮，真可謂五彩繽紛，美不可言。而一般的表格，是用不著添加這些裝飾的，或者換句話來(lái)說(shuō)，如果添加了這些裝飾，倒顯得有點(diǎn)兒畫(huà)蛇添足了。
書(shū)歸正傳，下面講解表格標(biāo)簽。
表格標(biāo)簽，是一套標(biāo)簽。它包括表格標(biāo)簽、表格的主體標(biāo)簽、表格的行標(biāo)簽、表格的列標(biāo)簽，在使用的時(shí)候，相互配合，缺一不可。
表格標(biāo)簽：<TABLE> 表格的主體標(biāo)簽：<TBODY> 表格的行標(biāo)簽：<TR> 表格的列標(biāo)簽：<TD>表格的列尾標(biāo)簽：</TD>表格的行尾標(biāo)簽：</TR>表格的主體尾標(biāo)簽：</TBODY>表格尾標(biāo)簽：</TABLE>
在表格標(biāo)簽中，我們常常添加一些屬性和屬值。
表格常用屬性：
cellspacing （單元格間距，是指單元格之間的距離。） cellpadding （單元格襯距，也叫邊距。是指單元格中的內(nèi)容與單元格的邊線之間的距離。 ）background（表格的背景圖片） border（邊框線寬度） bordercolor（表格的邊框顏色） border-style（邊框線樣式） width（表格的寬度） height（表格的高度）
表格常用屬性的表示方法：
cellspacing =數(shù)值 cellpadding=數(shù)值 background=圖片地址 border=數(shù)值（單位為px） bordercolor=顏色值 width=數(shù)值（單位為px） height=數(shù)值（單位為px）
邊框線樣式：
none
默認(rèn)值。不繪制邊框，無(wú)論是否指定了任何 border-width。
dashed
邊框?yàn)樘摼€。由點(diǎn)組成的虛線。
dotted
邊框?yàn)辄c(diǎn)虛線。
double
邊框是在對(duì)象的背景之上繪制的雙線。兩條單線的寬度加上它們之間的間距所得到的和值等于 border-width值。邊框?qū)挾缺仨氈辽贋?3 個(gè)像素寬才能繪制雙線邊框。
groove
根據(jù)此值繪制彩色的三維凹槽。必須指定對(duì)象的 border-width屬性，才能正確呈現(xiàn)樣式。
inset
根據(jù)此值繪制彩色的三維凹邊。
outset
根據(jù)此值繪制彩色的三維凸邊。
ridge
根據(jù)此值繪制彩色的三維菱形邊框。
solid
邊框?yàn)閷?shí)線。
window-inset
邊框樣式與嵌入相同，但外面多加了一個(gè)直線邊框，該邊框樣式是根據(jù)此值繪制的彩色邊框。
注意：如果系統(tǒng)不支持這些 邊框的屬性值，那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”都會(huì)被 “solid”代替。
邊框線樣式舉例：border-style:none
表格標(biāo)簽舉例：
1、<table border="5" cellSpacing="1" cellPadding="3" width="650"
height="210">
<TBODY>
<TR>
<TD>
</TD></TR></table>
2、<table border="0" cellPadding="0" width="800" background="
height="600">
3、<table style="border-color: rgb(87, 193, 0); width: 600px; height: 100px;
text-align: left; border-collapse: collapse; background-color: rgb(204, 249, 249);
" border="0" cellSpacing="0" cellPadding="2" width="500">
說(shuō)明：
例1是表格的一套標(biāo)簽，例2與例3都只提供了表格標(biāo)簽，省略了表格的其它標(biāo)簽以及所有的尾標(biāo)簽。例3中使用了css樣式，有關(guān)css樣式在以后的章節(jié)中講解。
作業(yè)：
１、認(rèn)識(shí)表格的一套標(biāo)簽以及它們的尾標(biāo)簽。
２、認(rèn)識(shí)表格的常用屬性、屬值以及它們的表示方法。
３、應(yīng)用上面所講的內(nèi)容，試制一個(gè)表格（邊框）看看效果。
２０１２年１０月１5 日于北京
第 一 章 代 碼 基 礎(chǔ) 知 識(shí)
第十一節(jié) 多媒體標(biāo)簽
本節(jié)講解多媒體標(biāo)簽。
多媒體標(biāo)簽，也叫插入標(biāo)簽。這是一個(gè)人人都喜愛(ài)的標(biāo)簽。應(yīng)用這個(gè)標(biāo)簽，可以插入動(dòng)畫(huà)圖片，可以插入音樂(lè)播放器，可以插入視頻。它的有聲有色的動(dòng)態(tài)畫(huà)面，博得了大家的青睞。在這里我要說(shuō)明的是，這個(gè)標(biāo)簽的名稱(chēng)，是我杜撰的，因?yàn)樵诰W(wǎng)絡(luò)中，我查找不到這個(gè)標(biāo)簽的名稱(chēng)。而作為一個(gè)標(biāo)簽，總得有個(gè)名稱(chēng)稱(chēng)呼，使用起來(lái)才方便。其實(shí)，叫什么名稱(chēng)并不重要，重要的是應(yīng)該懂得它的意義，懂得它的用法。在祖國(guó)的漢語(yǔ)言中，等義詞現(xiàn)象是處處可見(jiàn)的。例如：爸爸、父親、老子；土豆、馬鈴薯、山藥蛋。等義詞表達(dá)的都是同一個(gè)意思。如果多媒體標(biāo)簽有什么標(biāo)準(zhǔn)名稱(chēng)的話，我們就把 “多媒體標(biāo)簽”這個(gè)名稱(chēng)當(dāng)作是標(biāo)準(zhǔn)名稱(chēng)的別名或者等義詞吧。
多媒體標(biāo)簽語(yǔ)法舉例（動(dòng)畫(huà)）： （網(wǎng)絡(luò)中常見(jiàn)的動(dòng)畫(huà)圖片是swf格式的動(dòng)畫(huà)圖片）
<embed height="400" type="application/octet-stream" width="600"
src="動(dòng)畫(huà)地址" wmode="transparent" invokeurls="false" quality="high"
allowScriptAccess="never" allowNetworking="internal">
代碼注釋?zhuān)?div style="height:15px;">
type="application/octet-stream"（類(lèi)型=任意的二進(jìn)制數(shù)據(jù)） width="600"（寬度=600px）
quality="high"（品質(zhì)=高） allowScriptAccess="never"（設(shè)置防止頁(yè)面跳轉(zhuǎn)=外出腳本訪問(wèn)將始終失敗。）
allowNetworking="internal"（設(shè)置防止頁(yè)面跳轉(zhuǎn)＝可以控制 SWF 文件對(duì)網(wǎng)絡(luò)功能的訪問(wèn)）
默認(rèn)情況下的顯示模式，在這種模式下flash player有自己的窗口句柄，這就意味著flash影片是存在于Windows中的一個(gè)顯示實(shí)例，并且是在瀏覽器核心顯示窗口之上的，所以flash只是貌似顯示在瀏覽器中，但這也是flash最快最有效率的渲染模式。由于他是獨(dú)立于瀏覽器的HTML渲染表面，這就導(dǎo)致默認(rèn)顯示方式下flash總是會(huì)遮住位置與他重合的所有DHTML層。
這是一種無(wú)窗口模式，在這種情況下flash player沒(méi)有自己的窗口句柄，這就需要瀏覽器告訴flash player在瀏覽器的渲染表面繪制的時(shí)間和位置。這時(shí)flash影片就不會(huì)在高于瀏覽器HTML渲染表面而是與其他元素一樣在同一個(gè)頁(yè)面上,因此你就可以使用z-index值來(lái)控制DHTML元素是遮蓋flash或者被遮蓋。
透明模式，在這種模式下flash player會(huì)將stage的背景色alpha值將為0并且只會(huì)繪制stage上真實(shí)可見(jiàn)的對(duì)象，同樣你也可以使用z-index來(lái)控制flash影片的深度值，但是與Opaque模式不同的是這樣做會(huì)降低flash影片的回放效果，而且在9.0.115之前的flash player版本設(shè)置wmode=”opaque”或”transparent”會(huì)導(dǎo)致全屏模式失效。
屬值設(shè)置為時(shí)internal時(shí)，― SWF 文件可能不調(diào)用瀏覽器導(dǎo)航或?yàn)g覽器交互 API，但是它會(huì)調(diào)用任何其它網(wǎng)絡(luò) API。
屬值設(shè)置為none時(shí)，― SWF 文件可能不調(diào)用瀏覽器導(dǎo)航或?yàn)g覽器交互 API，并且它無(wú)法使用任何 SWF 到 SWF 通信 API。
★AllowScriptAccess 參數(shù)可以防止從一個(gè)域中承載的 SWF 文件訪問(wèn)來(lái)自另一個(gè)域的 HTML 頁(yè)面中的腳本。對(duì)從另一個(gè)域承載的所有 SWF 文件使用可以確保位于 HTML 頁(yè)面中的腳本的安全性。
屬值設(shè)置為sameDomain時(shí)：僅當(dāng)SWF 文件和網(wǎng)頁(yè)位于同一域中時(shí)才允許執(zhí)行外出腳本訪問(wèn)。這是 AVM2 內(nèi)容的默認(rèn)值；
