表格在网页设计中的应用.ppt

下载文档

14
0
约7.5千字
约 27页
2017-09-23 发布于广东
举报
版权申诉
保障服务

表格在网页设计中的应用.ppt

1、本文档共27页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

第六章表格在網頁設計中的應用 6-1 表格的宣告 6-2 表格標題的排列 6-3 表格中欄位屬性的設定 6-4 HTML 4.0 新增的表格控制標籤 6-5 表格的綜合應用 6-6 伊蔻網頁的設計應用 [課後問題與練習] 6-1 表格的宣告 6-1-1 基本表格 6-1-2 表格邊線的設定 6-1-3 格框線粗細的設定 6-1-4 格框與內容空隙的設定 6-1-5 表格長寬的設定 6-1-6 表格相對寬度的設定 6-1-7 表格位置的安排 6-1-8 表格的背景顏色 6-1-1 基本表格 6-1-1 基本表格 6-1-2 表格邊線的設定 6-1-2 表格邊線的設定 6-1-3 格框線粗細的設定 6-1-3 格框線粗細的設定 6-1-4 格框與內容空隙的設定 6-1-4 格框與內容空隙的設定 6-1-5 表格長寬的設定 6-1-5 表格長寬的設定 6-1-6 表格相對寬度的設定 6-1-6 表格相對寬度的設定 6-1-7 表格位置的安排 6-1-7 表格位置的安排 6-1-8 表格的背景顏色 6-1-8 表格的背景顏色 * <TABLE>與</TABLE>：表格起始與結束的宣告。 <TR>與</TR>：表格中列的起始與結束的宣告。 <TH>與</TH>：列中標題欄的起始與結束的宣告。 <TD>與</TD>：列中資料欄的起始與結束的宣告。 <HTML> <HEAD><TITLE>基本表格架構</TITLE></HEAD> <BODY> <TABLE> <TR> <TH>國小</TH> <TH>國中</TH> <TH>高中</TH> <TH>專科</TH> <TH>大學</TH> </TR> <TR> <TD>中民小學</TD> <TD>清海國中</TD> <TD>晨倚商職</TD> <TD>領東商專</TD> <TD>台北技術學院</TD> </TR> </TABLE> </BODY></HTML> <HTML> <HEAD><TITLE>基本表格架構</TITLE></HEAD> <BODY> <TABLE> <TR> <TH>國小</TH> <TH>國中</TH> <TH>高中</TH> <TH>專科</TH> <TH>大學</TH> </TR> <TR> <TD>中民小學</TD> <TD>清海國中</TD> <TD>晨倚商職</TD> <TD>領東商專</TD> <TD>台北技術學院</TD> </TR> </TABLE> </BODY></HTML> 表格宣告列列標題欄資料欄 [範例6-1] 圖 6-1 <TH> 標題欄 <TD> 資料欄 <TABLE border=“N”> N=數字當N=“0”時代表無邊線，與沒有設BRODER屬性是一樣的， N的數值越大則表格的邊線越粗。 [範例6-2] <TABLE border="1"> <TR> <TH>國小</TH><TH>國中</TH><TH>高中</TH> <TH>專科</TH><TH>大學</TH> </TR> <TR> <TD>中民小學</TD><TD>清海國中</TD><TD>晨倚商職</TD> <TD>領東商專</TD><TD>台北技術學院</TD> </TR> </TABLE> <P><BR> <H3>邊線是10</H3><P> <TABLE border="10"> <TR> <TH>國小</TH><TH>國中</TH><TH>高中</TH> <TH>專科</TH><TH>大學</TH> </TR> <TR> <TD>中民小學</TD><TD>清海國中</TD><TD>晨倚商職</TD> <TD>領東商專</TD><TD>台北技術學院</TD> </TR> </TABLE> <TABLE border="1"> <TR> <TH>國小</TH><TH>國中</TH><TH>高中</TH> <TH>專科</TH><TH>大學</TH> </TR> <TR> <TD>中民小學</TD><TD>清海國中</TD><TD>晨倚商職</TD> <TD>領東商專</TD><TD>台北技術學院</TD> </TR> </TABLE> <P><BR> <H3>邊線是10</H3><P> <TABLE border="10"> <TR> <TH>國小</TH><TH>國中</TH><TH>高中</TH> <TH>專科</TH><TH>大學</TH> </TR> <TR> <TD>中民小學</TD><TD>清海國中</TD><TD>晨倚商職</TD> <TD>領東商專</TD><TD>台北技術學院</TD> </TR> </TABLE> 圖 6-2 出現表格邊線 <TABLE border=