【正文】 ： ? 表格的表頭 th 是 td單元格的一種變體，實(shí)質(zhì)上仍然是一種單元格。 charset=gb2312 / title表格的表頭 /title /head body table border=1 caption考試成績(jī)表 /caption th姓名 /th th語(yǔ)文 /th th數(shù)學(xué) /th th副科 /th tr td張三 /td td95/td td76/td td80/td /tr tr td李四 /td td88/td td90/td td85/td /tr tr td三毛 /td td80/td td89/td td90/td /tr /table /body /html 第 14頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 表格的屬性 – width屬性：指定表格或某一個(gè)表格單元格的寬度。 – align屬性：指定表格或某一個(gè)單元格里的內(nèi)容（文本、圖片等）的對(duì)齊方式 。 – bordercolor表格邊框顏色 ? 默認(rèn)情況下邊框顏色是灰色，設(shè)置邊框顏色的前提是邊框的寬度不能為 0，否則無(wú)法顯示出邊框的顏色。 charset=utf8 / title表格內(nèi)文字與邊框距離 /title /head body table width=200 border=1 cellpadding=10 cellspacing=5 bordercolor=66CCFF tr td單元格 1/td td單元格 2/td /tr tr td單元格 3/td td單元格 4/td /tr /table /body /html 第 20頁(yè) 第 21頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 表格的屬性 – bgcolor屬性：指定表格或某一個(gè)單元格的背景顏色。單位可以是 %或者象素。通過(guò) bordercolordark可以 設(shè)置單元格暗邊框的顏色。 charset=gb2312 / title單元格的暗、亮邊框顏色 /title /head body table width=406 border=1 align=center cellpadding=5 cellspacing=2 tr td width=83 bordercolordark=FF9900白羊座 /td td width=83金牛座 /td td width=83雙子座 /td td width=92 bordercolordark=9900CC巨蟹座 /td /tr tr td射手座 /td td魔羯座 /td td水瓶座 /td td雙魚(yú)座 /td /tr在一行文本中，大多數(shù)字母以基線為基準(zhǔn)。 第 26頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 單元格屬性 – colspan屬性：水平跨度 – rowspan屬性：垂直跨度 第 27頁(yè) BODY TABLE BORDER = 2 ALIGN = CENTER CAPTION創(chuàng)建表格 /CAPTION TH COLSPAN = 3第一學(xué)期 /TH TH COLSPAN = 3第二學(xué)期 /TH TR TD數(shù)學(xué) /TD TD科學(xué) /TD TD英語(yǔ) /TD TD數(shù)學(xué) /TD TD科學(xué) /TD TD英語(yǔ) /TD TR TD98/TD TD95/TD TD80/TD TD95/TD TD87/TD TD88/TD .... COLSPAN=“n” 屬性表示跨多少列 1 第 28頁(yè) BODY TABLE BORDER = 1, align = center CAPTIONb創(chuàng)建表格b/CAPTION TR TH/TH TH/TH TH螺母 /TH TH螺栓 /TH TH錘子 /TH TR TD ROWSPAN = 3第一季度 /TD TD一月 /TD TD2500/TD TD1000/TD TD1240/TD TR TD二月 /TD TD3000/TD TD2500/TD TD4000/TD TR ..... ROWSPAN=“n” 屬性表示跨多少行 第 29頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=utf8 / html head meta equiv=ContentType content=text/html。 charset=utf8 / title作業(yè) 32/title /head body table tr td rowspan=2img src=aboutgame/images/ width=100 height=50/td tdimg src=aboutgame/images/ width=100 height=40/td tdimg src=aboutgame/images/ width=100 height=40/td tdimg src=aboutgame/images/ width=100 height=40/td /tr tr td height=44 colspan=3 align=center你好，歡迎來(lái)淘寶！ /td /tr /table /body /html 作業(yè) 313源代碼 第 40頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 作業(yè) 314 – 使用 代碼 編寫(xiě)一個(gè)網(wǎng)頁(yè) ,要求： – 網(wǎng)頁(yè)中包含 5行 3列的表格，表格居中對(duì)齊，表格邊框?yàn)?1像素，表格的寬度為 400像素； – 表格標(biāo)題為：一月、二月銷(xiāo)售記錄表； – 表格第一行的背景顏色為 ff9966，第二行的背景顏色為ffccff，第三行的北京顏色為： 66CC99，第四行的背景顏色為： FFCCFF，第五行的背景顏色為： FF9966； – 第一 列為左對(duì)齊，第二列為右對(duì)齊，第三列為右對(duì)齊； – 第一行和最后一行使用 th代替 td； – 將文件保存為：姓名作業(yè) ，并上交 第 41頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 ? src屬性是必須的。它們 的屬性值可以 是象素，也可以是 %。 山莊還安排體能鍛煉及充滿活力的團(tuán)隊(duì)山訓(xùn)課程，在教練的指導(dǎo)及安全的環(huán)境中體驗(yàn)驚險(xiǎn)艱困而得到的成功滋味；對(duì)于精神壓力的放松以及體能耐力的精進(jìn)有實(shí)質(zhì)的助益。 img src=images/ width=200 height=118 align=left vspace=20 hspace=40 /山莊還安排體能鍛煉及充滿活力的團(tuán)隊(duì)山訓(xùn)課程，在教練的指導(dǎo)及安全的環(huán)境中體驗(yàn)驚險(xiǎn)艱困而得到的成功滋味；對(duì)于精神壓力的放松以及體能耐力的精進(jìn)有實(shí)質(zhì)的助益。 /font/p font size=3 face=宋體 p 目前，公司擁有子公司四個(gè)，經(jīng)營(yíng)著大田作物種子、蔬菜種子和農(nóng)化產(chǎn)品三塊業(yè)務(wù)，在企業(yè)經(jīng)營(yíng)管理上實(shí)行董事會(huì)領(lǐng)導(dǎo)下的總經(jīng)理負(fù)責(zé)制。公司有著穩(wěn)定的種子生產(chǎn)基地、嚴(yán)格的試驗(yàn)篩選及生產(chǎn)加工流程。 ? marquee direction=“滾動(dòng)方向 ”……/marquee ? 取值： up、 down、 left、 right（ up：從下往上， left：從右向左） 第 59頁(yè) 任務(wù)二 圖片視頻的插入 ● 設(shè)置滾動(dòng)效果 – 滾動(dòng)標(biāo)記 marquee ? marquee…滾動(dòng)的內(nèi)容 …/marquee – behavior ? 設(shè)置滾動(dòng)方式，默認(rèn)是循環(huán)滾動(dòng) – Loop ? 默認(rèn)情況下，滾動(dòng)會(huì)不停的循環(huán)下去，如果希望滾動(dòng)幾次后停止，可以使用 loop設(shè)置滾動(dòng)次數(shù)。 第 61頁(yè) 任務(wù)二 圖片視頻的插入 ● 設(shè)置滾動(dòng)效果 – 滾動(dòng)標(biāo)記 marquee ? marquee…滾動(dòng)的內(nèi)容 …/marquee – bgcolor ? 設(shè)置滾動(dòng)的背景顏色 – width、 height ? 設(shè)置滾動(dòng)背景的面積，通過(guò) width、 height其水平和垂直的范圍； – hspace、 vspace ? 使用 hspace、 vspace設(shè)置滾動(dòng)對(duì)象與周?chē)奈淖只驁D像之間的空白空間。 _parent 表示鏈接目標(biāo)出現(xiàn)在當(dāng)前網(wǎng)頁(yè)的上級(jí)框架中，如果未劃分框架，則鏈接目標(biāo)出現(xiàn)在新的瀏覽器窗口中。鏈接到同一頁(yè)面中的錨點(diǎn)； – a href=“鏈接的文件地址 錨點(diǎn)的名稱 ”……/a 187。 第 75頁(yè) 任務(wù)五 框架 ● 框架的基本概念 框架一般由框架集和框架組成。 ? 應(yīng)用舉例 第 78頁(yè) 任務(wù)五 框架 – 嵌套分割窗口 ? 嵌套分割窗口就是在一個(gè)頁(yè)面中，既有水平分割框架，又有垂直分割的框架。不過(guò)有時(shí)候需要框架的寬度保持不變，禁止瀏覽器在訪問(wèn)框架的時(shí)候隨意改變框架尺寸，可以使用 noresize設(shè)置。 /noframe 第 84頁(yè) 任務(wù)五 框架 ● 浮動(dòng)框架 iframe 浮動(dòng)框架是一種特殊的框架，它是在瀏覽器窗口中嵌套的子窗口，整個(gè)頁(yè)面并不一定是框架頁(yè)面，但要包含一個(gè)框架窗口。 ? 取值： – 浮動(dòng)框架滾動(dòng)條顯示屬性 scrolling ? 屬性 值： auto、 yes、 no – 應(yīng)用舉例 屬性值 含義 Left 左對(duì)齊 right 右對(duì)齊 Middle 居中對(duì)齊 bottom 底部對(duì)齊 第 86頁(yè) 任務(wù)五 框架 ● 創(chuàng)建框架鏈接 一般情況下，創(chuàng)建框架網(wǎng)頁(yè)的目的是為了更好地對(duì)頁(yè)面內(nèi)容進(jìn)行導(dǎo)航，通過(guò)框架進(jìn)行鏈接不同的頁(yè)面。 第 92頁(yè) 任務(wù)六 表單 ● 表單標(biāo)記 – 語(yǔ)法 form……/form ? 在表單的 form標(biāo)記中，可以設(shè)置表單的基本屬性，包括表單的名稱、處理程序和傳送方法等。 ? get:表單數(shù)據(jù)被傳送到 action屬性指定的 URL，然后這個(gè)新 URL被傳送到處理程序上。 ? enctype屬性用于設(shè)置表單信息提交的編碼方式。 – 語(yǔ)法 ? input name=“控件名稱 ” type=“text” value=“文字字段的默認(rèn)取值 ” size=“控件的長(zhǎng)度 ” maxlength=“最長(zhǎng)字符數(shù) ” / 第 98頁(yè) 任務(wù)六 表單 參數(shù)類(lèi)型 含義 type 用于指定插入哪種表單元素，如 type=“ text”，即為文字字段 name 文字字段的名稱，用于和頁(yè)面中其他控件加以區(qū)別，名稱由英文或數(shù)字以及下畫(huà)線組成，但有大小寫(xiě)之分。 – 語(yǔ)法 ? input name=“控件名稱 ” type=“password” value=“文字字段的默認(rèn)取值 ” size=“控件的長(zhǎng)度 ” maxlength=“最長(zhǎng)字符數(shù) ” / 第 101頁(yè) 任務(wù)六 表單 參數(shù)類(lèi)型 含義 type 用于指定插入哪種表單元素，如 type=“ text”，即為文字字段 name 密碼域的名稱，用于和頁(yè)面中其他控件加以區(qū)別，名稱由英文或數(shù)字以及下畫(huà)線組成，但有大小寫(xiě)之分。相反應(yīng)當(dāng)在 textarea標(biāo)記的開(kāi)頭和結(jié)尾之間包含想要在文本域內(nèi)顯示的任何文本。通過(guò)select和 option標(biāo)