【正文】 這些信息對于瀏覽者是不可見的 ， 但對于處理表單卻有著決定性的作用 。 – 第二 ， 攜帶表單的相關信息 。 其他的表單對象 ， 都要插入到FORM/ FORM 表單標記對之中才有效 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 93 1．表單標記 FORM – 表單是網(wǎng)頁上的一個特定區(qū)域 ， 這個區(qū)域由 FORM/ FORM 標記對來定義 。 例如在網(wǎng)上要申請一個電子信箱 ， 就必須按要求填寫完成網(wǎng)站提供的表單頁面 ， 其主要內(nèi)容是姓名 、 年齡 、 聯(lián)系方式等個人信息 。 P A HREF=網(wǎng)頁制作軟件 DREAMWEAVER 8/A BR A HREF= TARGET=_self網(wǎng)頁圖片軟件 FIREWORKS 8/A BR A HREF= TARGET=_blank網(wǎng)頁動畫軟件 FLASH 8/A /BODY /HTML 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 90 圖 317 運用超鏈接的效果 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 91 HTML的表單標記 表單是實現(xiàn)動態(tài)網(wǎng)頁的一種主要的外在形式 ，是 HTML頁面與瀏覽器端實現(xiàn)交互的重要手段 。 HTML HEAD TITLE超鏈接標記示例 /TITLE /HEAD BODY H1主流的網(wǎng)頁設計軟件 /H1 目前，網(wǎng)頁技術進入了一個新的階段，現(xiàn)在的網(wǎng)頁再也不是圖片的堆積和枯燥無味的文本了，人們現(xiàn)在追求的是網(wǎng)頁的動態(tài)效果和交互性。 默認時指在原窗口中打開鏈接 。 （ 2） target：指定打開鏈接的目標窗口 。 – 格式： A href=―fileURL‖ target=―value‖顯示的文本或圖像 /A。當loop=―True‖時，無限次循環(huán)次數(shù)；當 loop=―False‖時，僅播放一次。當auto=―True‖時，自動播放；當 auto=―False‖時，不自動播放。當hidden=―True‖時，隱藏面板；當 hidden=―False‖時，顯示面板。 – height和 width ：設置多媒體播放的區(qū)域，取值為點數(shù)或相對于窗口的百分比。 ? loop控制播放次數(shù) ， 取 1或 INFINITE時 ， 聲音將一直播放到瀏覽者離開該網(wǎng)頁為止 。 –格式： BGSOUND src=―聲音文件的 URL地址 ” loop=―value‖。 – loopdelay：設置兩次播放的間隔時間 ， 單位是毫秒 。 另外 ， 當鼠標在 AVI播放區(qū)單擊時 ，也可使瀏覽器開始播放 。 – start： 設置何時開始播放視頻文件 ， 它有兩個屬性值fileopen和 mouseover。 – dynsrc：設置視頻文件存放的路徑和文件名 。 – 格式： IMG src=―imageURL‖ dynsrc=―aviURL‖ loop=―n‖ start=―開始時間 ” controls loopdelay=―時間間隔 ” 。 HTML HEAD TITLE圖像標記示例 /TITLE /HEAD BODY P align=centerimg src= alt=親親寶貝 width=―300 height=―200/P HR width=600 size=1 color=0000FF /BODY /HTML 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 82 圖 316 插入圖像的效果 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 83 2． IMG的視頻標記功能 –利用 IMG還可以插入視頻 。 絕對中間 對齊方式用處比較大，文字前如有小圖標，那么圖標應該使用 絕對中間 對齊方式。 ? 中間 (Middle)方式是指圖像的中間線和文字的底端對齊。 ? 基線 (Baseline)、 底部 (Bottom)、 絕對底部(Absolute Bottom)效果相同，是指圖像底端和文字的底端對齊。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 78 ?圖像的排列屬性 ALIGN – 圖像和文字之間的排列通過 align屬性來設定。此功能非常有用，有效地避免了網(wǎng)頁上文字圖像擁擠的排版。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 77 ?圖像的水平間距屬性 HSPACE – 基本語法 ： img src=File＿ name hspace=value ? value為圖片水平方向上和文字的距離，單位為像素。此功能非常有用，有效地避免了網(wǎng)頁上文字圖像擁擠的排版。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 76 ?圖像的垂直間距屬性 VSPACE – 基本語法 ： img src=“ File＿ name” vspace=“ value” ? value為圖片垂直方向上和文字的距離，單位是像素。我們可以設置邊框線的寬度，但邊框的顏色是不可以調(diào)整的。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 75 ?圖像的邊框?qū)傩?BORDER – 基本語法： img src=File＿ name border=value ? value為邊框線的寬度，單位為像素。如果顯示器是 800 600， 屏幕就相當于水平方向上有800個像素點的寬度 ， 垂直方向上有 600個像素點的寬度 。 ? 默認情況下 ， 頁面中圖像的顯示大小就是圖片默認的寬度和高度 ， 也可以手動更改圖片的大小 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 74 ?圖像的寬度和高度屬性 WIDTH、 HEIGHT – img src=File＿ name width=value height=value – width：設置圖像的寬度，可以為點數(shù)或相對窗口寬度的百分比。 ? 第二個作用是 ， 如果圖像沒有被下栽 ， 在圖像的位置上就會顯示提示文字 。 ? 當瀏覽網(wǎng)頁時 ， 如果圖像下載完成 ， 鼠標放在該圖像上 ， 鼠標旁邊會出現(xiàn)提示文字 。 – longdesc：設置圖像的詳細說明。 – 假設你注冊了域名 ， 并申請了虛擬主機 ，你的虛擬主機提供商會給你一個目錄 ， 比如 ， 這個 就是你網(wǎng)站的根目錄 。 – 假設 info .html路徑是：c:\Ipub\root\sites\blabla\ 假設 ： c:\Ipub\root\sites\ 在 ： a href = ../index .html/a 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 70 – 假設 ：c:\Ipub\root\sites\blabla\info .html 假設 ： c:\Ipub\root\ 在 ： a href = ../../index .html/a – 假設 ：c:\Ipub\root\sites\blabla\ 假設 index .html路徑是：c:\Ipub\root\sites\wowstory\ 在 ： a href = ../wowstory//a 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 71 ? 如何表示下級目錄？ – 引用下級目錄的文件，直接寫下級目錄文件的路徑即可。 – 我們現(xiàn)在建一個源文件 ，在 。 ? 如果你在引用文件時 (如加入超鏈接 ， 或者插入圖片等 )，使用了錯誤的文件路徑 ， 就會導致引用失效 (無法瀏覽鏈接文件 ， 或無法顯示插入的圖片等 )。設置圖像文件地址時用到的路徑一般建議使用相對路徑 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 67 ? 說明： ? IMG標記并不是真正地把圖像加入到 HTML文檔中 ，而是給標記對的 src屬性賦值 ， 這個值是圖像文件的文件名 ， 當然包括路徑 ， 這個路徑可以是相對路徑 ， 也可以是網(wǎng)址 （ 絕對路徑 ） 。它靠水平掃描像素行找到固定的顏色區(qū)域進行壓縮，然后減少同一區(qū)域中的像素數(shù)量。雖然它僅包括256種色彩，但 GIF提供了出色的、幾乎沒有丟失的的圖像壓縮。然而圖像數(shù)據(jù)被拋棄得很少，不會在質(zhì)量上有非常明顯的不同。 JPEG支持數(shù)百萬種色彩。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 66 ?圖像的源文件屬性 SRC – 設置要加入的圖像文件的 URL地址，通常圖像格式為 gif或 jpg。 HTML HEAD TITLE表格標記的綜合示例二 /TITLE /HEAD BODY TABLE border=1 width=80% bgcolor=E8E8E8 cellPadding=2 bordercolor=0000FFbordercolorlight=7D7DFF bordercolordark=0000A0 align=CENTER TR TH width=33% colspan=2 valign=bottom意大利 /TH TH width=36% colspan=2 valign=bottom英格蘭 /TH TH width=36% colspan=2 valign=bottom西班牙 /TH /TR 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 62 TR TD width=16% align=CENTERAC米蘭 /TD TD width=16% align=CENTER佛羅倫薩 /TD TD width=17% align=CENTER曼聯(lián) /TD TD width=17% align=CENTER紐卡斯爾 /TD TD width=17% align=CENTER巴塞羅那 /TD TD width=17% align=CENTER皇家社會 /TD /TR TR TD width=16% align=CENTER尤文圖斯 /TD TD width=16% align=CENTER桑普多利亞 /TD TD width=17% align=CENTER利物浦 /TD TD width=17% align=CENTER阿申納 /TD TD width=17% align=CENTER皇家馬德里 /TD TD width=17% align=CENTER……/TD /TR 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 63 TR TD width=16% align=CENTER拉齊奧 /TD TD width=16% align=CENTER國際米蘭 /TD TD width=17% align=CENTER切爾西 /TD TD width=17% align=CENTER米德爾斯堡 /TD TD width=17% align=CENTER馬德里競技 /TD TD width=17% align=CENTER……/TD /TR /TABLE /BODY /HTML 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 64 圖 315 創(chuàng)建復雜表格的效果 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 65 HTML的圖像與多媒體標記 圖像標記 1． IMG的圖像標記功能 功能：在當前位置插入圖像。 – Td標記和 Th標記可以設置下列屬性： ? Align = 行中單元格的水平對齊方式 取值為 left（ Td默認值）、 center（ Th默認值）或 right ? BackGround = 單元格的背景圖像的 URL ? BgColor = 單元格的背景顏色 ? BorderColor = 單元格的邊框顏色（只有當 Table標記的Border≠0時起作用） ? BorderColorDark = 單元格的 3D邊框的陰影顏色（只有當 Table標記的 Border≠0時起作用） ? BorderColorLight = 單元格的 3D邊框的高亮顏色（只有當 Table標記的 Border≠0時起作用） ? ColSpan = 合并單元格時一個單元格跨越的表格列數(shù) ? RowSpan = 合并單元格時一個單元格跨越的表格行數(shù) ? VAlign = 單元格中文本的垂直對方方式 取值可以是 top、 middle（默認值）、 bottom或 baseline ? NoWrap：若指定該屬性，則避免 Web瀏覽器將單元格里的文本自動換行。 baseline：基