利用表格設(shè)計和制作網(wǎng)(編輯修改稿)
2025-07-09 07:47 本頁面
【文章內(nèi)容簡介】 式。 表格：用于設(shè)置表格邊框?qū)挾鹊臄?shù)值 (以像素為單位 )。 將所有屬性套用至 TD 標(biāo)注而不是 TR 標(biāo)簽 復(fù)選框 :用于指定將設(shè)計應(yīng)用于表格單元 格 (39。ID 標(biāo)簽 )而不是表格行 (TR 標(biāo)簽 )。 在默認(rèn)情況下 ,格式化表格 對話框中指定的格式設(shè)置應(yīng)用于整個行而不是單個單元格。在將同一種格式應(yīng)用于行中的所有單元格時 ,將格式應(yīng)用于 TR 標(biāo)簽會產(chǎn) 生更簡明易懂 的 HTML 代碼。但是 ,此選項允許將格式應(yīng)用于單個單元格 (前提是在編好編碼的情況下 )。 注意 :不能對有合并單元格的表格進(jìn)行上述的格式化設(shè)置。 利用 HTML 編輯網(wǎng)頁表格 利用 HTML 制作示例網(wǎng)頁表格 利用 HTML 同樣可以制作網(wǎng)頁表格。對于初學(xué)者直接使用 HTML 代碼編制網(wǎng)頁表格是 件很困難的事情 ,但是 ,可以通過 Dreamweaver MX 提供的 文檔 面板來查看己經(jīng)設(shè)計好 的網(wǎng)頁表格的 HIML 代碼 ,以幫助用戶學(xué)習(xí)和掌握 HTML 代碼的編寫規(guī)則及方法。 例如 ,對于如圖 410 所示的網(wǎng) 頁表格 ,通過執(zhí)行主菜單中的 查看 → 切換視圖 命 令 ,或單擊 文檔 面板上的 顯示代碼視圖 按鈕 到來查看 HTML 代碼 ,也可以單擊吱 檔 面板上的 顯示代碼視圖和設(shè)計視圖 按鈕 對照網(wǎng)頁表格設(shè)計視圖來查看 HTML代 碼。具體的 HTML 代碼如下。 html xmlns= head meta equiv=ContentType content=text/html。 charset=gb2312 / title無標(biāo)題 文檔 /title /head body table width=568 border=0 tr td colspan=3img src=image/ width=565 height=59 //td /tr tr td colspan=3 本站首頁 理想篇 生活篇 星座篇 通訊篇 會員注冊 /td /tr tr td width=168 rowspan=7form id=form1 name=form1 method=post action= labelbr / /label /form /td td width=189理想篇＞＞＞ /td td width=197星座篇＞＞＞ /td /tr tr td“理想”一個熟悉的詞?? /td td“星座傳說”一星座的由來 /td /tr tr td我 —— 一個“天使”的理想 /td td星座與性格的關(guān)系。 /td /tr tr td實現(xiàn)理想的決定性因素?? /td td星座與愛情的關(guān)系。 /td /tr tr td你的“理想”變了嗎？ /td td星座悟語?? /td /tr tr td“理想”并不是“妄想”?? /td td2021星座運(yùn)程 /td /tr tr td colspan=2img src=image/ width=410 height=35 //td /tr tr td rowspan=6img src=image/ width=152 height=98 //td td生活篇＞＞＞ /td td通訊篇＞＞＞ /td /tr tr td我的天使?? /td td我的郵箱?? /td /tr tr td書山掠影?? /td td給我留言?? /td /tr tr td輕輕河畔?? /td td介紹你自己 /td /tr tr td天使笑顏?? /td td聯(lián)系其他天使?? /td /tr tr td人間天使?? /td td“天使部落”的遠(yuǎn)景規(guī)劃 /td /tr tr td height=19 colspan=3 align=centerstrong版權(quán)所有 /strong/td /tr /table p /p table width=438 border=0 tr td colspan=3 /td /tr tr td colspan=3 /td /tr tr td width=121 rowspan=2 /td td width=149 /td td width=154 /td /tr tr td colspan=2 /td /tr tr td /td td /td td /td /tr tr td colspan=3 /td /tr /table p /p table width=300 border=0 tr td /td td /td td /td /tr tr td /td td /td td /td /tr tr td /td td /td td /td /tr tr td /td td /td td /td /tr tr td /td td /td td /td /tr tr td /td td /td td /td /tr /table p /p p /p p /p /body /html 表格的基本構(gòu)成 通常在 HTML 中創(chuàng)建一個普通的表格應(yīng)包括以下標(biāo)記。 （ 1） TABLE。 TABLE 標(biāo)記符用于定義整個表格，表格內(nèi)的所有內(nèi)容都因該位于TABLE和 /TABLE標(biāo)記符之間。 （ 2） TITLE。 TITLE標(biāo)記符用于定義頁面的標(biāo)題，標(biāo)題包含在 TILTE和 /TITLE標(biāo)記之間，在網(wǎng)頁被瀏覽時，標(biāo)題將顯示在瀏覽器窗口的標(biāo)題欄 上。 （ 3） CAPTION。如果表格需要標(biāo)題，那么就應(yīng)該使用 CAPTION 標(biāo)記符將表格標(biāo)題包括在 CAPTION和 /CAPTION標(biāo)記符之間。在圖 410 所示網(wǎng)頁表格中美有標(biāo)題，如果是用了 CAPTION標(biāo)記符，它應(yīng)該位于 TABLE標(biāo)記符之后。 CAPTION標(biāo)記符的格式如下。 CAPTION align=” ”標(biāo)題 /CAPTION Align 屬性用于控制表格標(biāo)題的顯示位置，它通常有 4 種取值，見表 41。 表 41 align 屬性的取值 名稱 作用 top 標(biāo)題放在表格上部，為 默認(rèn)值 bottom 標(biāo)題放在表格下部 left 標(biāo)題放在表格上部的左側(cè) right 標(biāo)題放在表格上部的右側(cè) （ 4） TR。 TR 標(biāo) 記符用于定義表格的行，對于每一個表格行，都對應(yīng) RT 標(biāo)記符。 RT 標(biāo)記符的結(jié)束標(biāo)記符可以省略。 （
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1