表格和表單ppt課件(已修改)
2025-01-27 10:45 本頁面
【正文】 1 表格和表單 2 ? 用 HTML 代碼創(chuàng)建表格 ? 創(chuàng)建表單 ? 使用框架 目 標(biāo) 3 表格 行 列 列標(biāo)題 在 HTML 文檔中，廣泛使用表格來存放網(wǎng)頁上的文本和圖像 單元格 表格標(biāo)題 4 HTML HEAD TITLE使用表格 /TITLE /HEAD BODY TABLE BORDER = 2 TR TD姓名 /TD TD性別 /TD TD分?jǐn)?shù) /TD /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML 創(chuàng)建表格 TABLE代表表格的開始， border=2表示邊框尺寸為 2 TR表示行，這是表格的第一行，有三列數(shù)據(jù)， TD代表列 表格的第 二行，有三列數(shù)據(jù) 表格的第 三行，也有三列數(shù)據(jù) 5 BODY TABLE BORDER = 2 CAPTION align=top學(xué)員檔案信息 /CAPTION TR TH姓名 /TH TH性別 /TH TH分?jǐn)?shù) /TH /TR TR TDRobert/TD TDM/TD TD80/TD /TR ....... /TABLE /BODY /HTML 表格的標(biāo)題 CAPTION表示表格標(biāo)題 IEOnly TH表示行或列標(biāo)題，粗體顯示 表格的第 二行，有三列數(shù)據(jù) 表格的第 三行，有三列數(shù)據(jù) 6 BODY TABLE border=2 align=center CAPTION align=top學(xué)員檔案信息 /CAPTION TR TH姓名 /TH TH align=center性別 /TH TH align=right分?jǐn)?shù) /TH /TR TR TDRobert/TD TD align=centerM/TD TD align=right80/TD /TR ....... /TABLE /BODY /HTML 表格在頁面中的對(duì)齊 /布局 整個(gè)表格居中 姓名列默認(rèn)左對(duì)齊 性別列居中 分?jǐn)?shù)列右對(duì)齊 7 表格內(nèi)文字的對(duì)齊 /布局 ? tr align= ? th align= =left, center, right ? td align= ? 例子： ? table border width=160 ? tr ? thFood/ththDrink/ththSweet/th ? tr ? td align=“l(fā)eft”A/td ? td align=“center”B/td ? td align=“right”C/td ? /table 8 表格內(nèi)文字的對(duì)齊 /布局 ? tr valign= ? th valign= =top, middle, bottom, baseline ? td valign= ? table border height=100 ? tr ? thFood/ththDrink/th ? thSweet/ththOther/th ? tr ? td valign=topA/td ? td valign=middleB/td ? td valign=bottomC/td ? td valign=baselineD/td ? /table 9 合并單元格 (跨列 ) 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英語 /TD TD數(shù)學(xué) /TD TD科學(xué) /TD TD英語 /TD TR TD98/TD TD95/TD TD80/TD TD95/TD TD87/TD TD88/TD .... COLSPAN=“n” 屬性表示跨多少列 10 合并單元格 (跨行 ) BODY TABLE
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1