HTML表格框架使用大全.pptx
《HTML表格框架使用大全.pptx》由会员分享,可在线阅读,更多相关《HTML表格框架使用大全.pptx(64页珍藏版)》请在咨信网上搜索。
1、本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页使用表格使用表格制作表格制作表格添加或删除行和列添加或删除行和列格式化表格格式化表格为表格添加题注为表格添加题注嵌套表格嵌套表格本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页 表格在网页中除了作为一个显表格在网页中除了作为一个显示对象以外,还有一个重要的作示对象以外,还有一个重要的作用就是用于排版页面内容用就是用于排版页面内容制作表格制作表格本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格标记表格标记标标 记记 描描 述述在在HTMLHTML文档中创始一个文档中创始一个表格表格在表格中创建一行
2、在表格中创建一行在一行中创建一个单元在一行中创建一个单元格格在一行中创建一个标题在一行中创建一个标题单元格单元格 为表格创建题注为表格创建题注本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页基本语法基本语法 与与与与标记不标记不标记不标记不同的地方是同的地方是同的地方是同的地方是之间的之间的之间的之间的内容会内容会内容会内容会加粗加粗加粗加粗且默认且默认且默认且默认居中居中居中居中显示,而显示,而显示,而显示,而之间的之间的之间的之间的内容则内容则内容则内容则不加粗不加粗不加粗不加粗且默且默且默且默认认认认居左居左居左居左显示显示显示显示本节小结本节小结本节小结本节小结思考题思
3、考题框架框架表格表格主页表格示例表格示例 示例代码示例代码本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格中每一行使用一个表格中每一行使用一个表示;行中的表示;行中的每一列使用一个每一列使用一个或或表表示示添加或删除行和列可以分添加或删除行和列可以分别通过添加或删除行和列别通过添加或删除行和列标记来实现标记来实现添加或删除行和列添加或删除行和列本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页添加或删除行和列实现方法添加或删除行和列实现方法添加新行添加新行添加新行添加新行 可以通过插入额外的可以通过插入额外的可以通过插入额外的可以通过插入额外的 和和和和 标记
4、来添加新的一行标记来添加新的一行标记来添加新的一行标记来添加新的一行在表内创建新列在表内创建新列在表内创建新列在表内创建新列 可以通过对每一行添加可以通过对每一行添加可以通过对每一行添加可以通过对每一行添加 或或或或 标记在表格中创建新的列标记在表格中创建新的列标记在表格中创建新的列标记在表格中创建新的列删除表中的行和列删除表中的行和列删除表中的行和列删除表中的行和列 可以通过删除包围指定行和列的可以通过删除包围指定行和列的可以通过删除包围指定行和列的可以通过删除包围指定行和列的 标记和标记和标记和标记和 标记来删除表格中标记来删除表格中标记来删除表格中标记来删除表格中的列和行的列和行的列和行
5、的列和行本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格的格式化包括以下一些内容:表格的格式化包括以下一些内容:表格的格式化包括以下一些内容:表格的格式化包括以下一些内容:为表格添加边框及设置边框粗细及边框为表格添加边框及设置边框粗细及边框为表格添加边框及设置边框粗细及边框为表格添加边框及设置边框粗细及边框颜色颜色颜色颜色 为表格添加背景图像或背景颜色为表格添加背景图像或背景颜色为表格添加背景图像或背景颜色为表格添加背景图像或背景颜色 指定表格的对齐方式指定表格的对齐方式指定表格的对齐方式指定表格的对齐方式 设置表格的宽度、高度设置表格的宽度、高度设置表格的宽度、高度设置表
6、格的宽度、高度 设置表格单元格内容与边框的间距及单设置表格单元格内容与边框的间距及单设置表格单元格内容与边框的间距及单设置表格单元格内容与边框的间距及单元格之间的间距元格之间的间距元格之间的间距元格之间的间距 指定行、列的背景图像或背景颜色指定行、列的背景图像或背景颜色指定行、列的背景图像或背景颜色指定行、列的背景图像或背景颜色 指定行、列内容的对齐方式指定行、列内容的对齐方式指定行、列内容的对齐方式指定行、列内容的对齐方式 设置行、列的边框颜色设置行、列的边框颜色设置行、列的边框颜色设置行、列的边框颜色 设置行、列的宽度和高度设置行、列的宽度和高度设置行、列的宽度和高度设置行、列的宽度和高度
7、 单元格的跨行和跨列设置单元格的跨行和跨列设置单元格的跨行和跨列设置单元格的跨行和跨列设置格式化表格格式化表格本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格属性表格属性属属属属 性性性性 描描描描 述述述述borderborderborderborder设置表格边框宽度,单位为像素(默设置表格边框宽度,单位为像素(默设置表格边框宽度,单位为像素(默设置表格边框宽度,单位为像素(默认不显示边框),设置认不显示边框),设置认不显示边框),设置认不显示边框),设置border=0border=0border=0border=0将取将取将取将取消边框消边框消边框消边框widthw
8、idthwidthwidth设置表格宽度,单位为像素或设置表格宽度,单位为像素或设置表格宽度,单位为像素或设置表格宽度,单位为像素或浏览器浏览器浏览器浏览器窗口窗口窗口窗口的百分比的百分比的百分比的百分比heightheightheightheight设置表格高度,单位为像素或设置表格高度,单位为像素或设置表格高度,单位为像素或设置表格高度,单位为像素或浏览器浏览器浏览器浏览器窗口窗口窗口窗口的百分比的百分比的百分比的百分比BordercolorBordercolorBordercolorBordercolor、bordercolordarkbordercolordarkbordercolor
9、darkbordercolordark、bordercolorlightbordercolorlightbordercolorlightbordercolorlight设置表格边框颜色设置表格边框颜色设置表格边框颜色设置表格边框颜色/亮边框颜色(左上亮边框颜色(左上亮边框颜色(左上亮边框颜色(左上边框颜色)边框颜色)边框颜色)边框颜色)/暗边框颜色(右下边框颜暗边框颜色(右下边框颜暗边框颜色(右下边框颜暗边框颜色(右下边框颜色)色)色)色)bgcolorbgcolorbgcolorbgcolor设置表格的背景颜色设置表格的背景颜色设置表格的背景颜色设置表格的背景颜色backgroundback
10、groundbackgroundbackground设置表格的背景图像设置表格的背景图像设置表格的背景图像设置表格的背景图像cellspacingcellspacingcellspacingcellspacing设置相邻单元格之间的间距设置相邻单元格之间的间距设置相邻单元格之间的间距设置相邻单元格之间的间距cellpaddingcellpaddingcellpaddingcellpadding设置单元格边框与内容的间距设置单元格边框与内容的间距设置单元格边框与内容的间距设置单元格边框与内容的间距alignalignalignalign设置表格的水平对齐(默认左对齐)设置表格的水平对齐(默认左对
11、齐)设置表格的水平对齐(默认左对齐)设置表格的水平对齐(默认左对齐)本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格标记属性设置语法表格标记属性设置语法 table border=本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格标记属性示例表格标记属性示例 示例代码示例代码本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页行标记行标记属性属性属属属属 性性性性 描描描描 述述述述alignalignalignalign设置行中各单元格内容的水平对设置行中各单元格内容的水平对设置行中各单元格内容的水平对设置行中各单元格内容的水平对齐方式(默认
12、左对齐)齐方式(默认左对齐)齐方式(默认左对齐)齐方式(默认左对齐)valignvalignvalignvalign行中各单元格内容内容的垂直对行中各单元格内容内容的垂直对行中各单元格内容内容的垂直对行中各单元格内容内容的垂直对齐方式(默认居中对齐齐方式(默认居中对齐齐方式(默认居中对齐齐方式(默认居中对齐bgcolorbgcolorbgcolorbgcolor设置行的背景颜色设置行的背景颜色设置行的背景颜色设置行的背景颜色backgroundbackgroundbackgroundbackground设置行的背景图像设置行的背景图像设置行的背景图像设置行的背景图像bordercolorbor
13、dercolorbordercolorbordercolor设置行的边框颜色设置行的边框颜色设置行的边框颜色设置行的边框颜色bordercolorlbordercolorlbordercolorlbordercolorlightightightight设置行的亮边框颜色(右下边框设置行的亮边框颜色(右下边框设置行的亮边框颜色(右下边框设置行的亮边框颜色(右下边框颜色)颜色)颜色)颜色)bordercolordbordercolordbordercolordbordercolordarkarkarkark设置行的暗边框颜色(左下边框设置行的暗边框颜色(左下边框设置行的暗边框颜色(左下边框设置行的
14、暗边框颜色(左下边框颜色)颜色)颜色)颜色)本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页行标记属性设置语法行标记属性设置语法tr 本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页行标记属性示例行标记属性示例 示例代码示例代码本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页、标记属性标记属性属属属属 性性性性 描描描描 述述述述alignalignalignalign设置单元格内容的水平对齐方式(设置单元格内容的水平对齐方式(设置单元格内容的水平对齐方式(设置单元格内容的水平对齐方式(tdtdtdtd的默认左对的默认左对的默认左对的默认左对齐,
15、齐,齐,齐,thththth的默认居中对齐)的默认居中对齐)的默认居中对齐)的默认居中对齐)valignvalignvalignvalign设置单元格内容的垂直对齐(默认居中对齐)设置单元格内容的垂直对齐(默认居中对齐)设置单元格内容的垂直对齐(默认居中对齐)设置单元格内容的垂直对齐(默认居中对齐)bgcolorbgcolorbgcolorbgcolor设置单元格的背景颜色设置单元格的背景颜色设置单元格的背景颜色设置单元格的背景颜色backgroundbackgroundbackgroundbackground设置单元格的背景图像设置单元格的背景图像设置单元格的背景图像设置单元格的背景图像bo
16、rdercolorbordercolorbordercolorbordercolor设置单元格的边框颜色设置单元格的边框颜色设置单元格的边框颜色设置单元格的边框颜色bordercolorlightbordercolorlightbordercolorlightbordercolorlight设置单元格的亮边框颜色(右下边框颜色)设置单元格的亮边框颜色(右下边框颜色)设置单元格的亮边框颜色(右下边框颜色)设置单元格的亮边框颜色(右下边框颜色)bordercolordarkbordercolordarkbordercolordarkbordercolordark设置单元格的暗边框颜色(左上边框颜色
17、)设置单元格的暗边框颜色(左上边框颜色)设置单元格的暗边框颜色(左上边框颜色)设置单元格的暗边框颜色(左上边框颜色)width width width width 设置单元格的宽度,单位为像素或设置单元格的宽度,单位为像素或设置单元格的宽度,单位为像素或设置单元格的宽度,单位为像素或表格宽度表格宽度表格宽度表格宽度的百的百的百的百分比分比分比分比height height height height 设置单元格的高度设置单元格的高度设置单元格的高度设置单元格的高度rowspanrowspanrowspanrowspan设置单元格的跨行操作设置单元格的跨行操作设置单元格的跨行操作设置单元格的跨行
18、操作colspancolspancolspancolspan设置单元格的跨列操作设置单元格的跨列操作设置单元格的跨列操作设置单元格的跨列操作nowrapnowrapnowrapnowrap当文本的宽度超过单元格宽度时,不允许文本在当文本的宽度超过单元格宽度时,不允许文本在当文本的宽度超过单元格宽度时,不允许文本在当文本的宽度超过单元格宽度时,不允许文本在单元格内换行。所有文本在一行内显示单元格内换行。所有文本在一行内显示单元格内换行。所有文本在一行内显示单元格内换行。所有文本在一行内显示本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页单元格宽度属性解释单元格宽度属性解释如果没有
19、设置单元格宽度,则浏览如果没有设置单元格宽度,则浏览如果没有设置单元格宽度,则浏览如果没有设置单元格宽度,则浏览器将会根据单元格中的内容来自动器将会根据单元格中的内容来自动器将会根据单元格中的内容来自动器将会根据单元格中的内容来自动调整单元格的宽度调整单元格的宽度调整单元格的宽度调整单元格的宽度如果设置了单元格宽度,但没有设如果设置了单元格宽度,但没有设如果设置了单元格宽度,但没有设如果设置了单元格宽度,但没有设置置置置nowarpnowarpnowarpnowarp属性,则单元格中的内容属性,则单元格中的内容属性,则单元格中的内容属性,则单元格中的内容在超出了单元格宽度设置允许的情在超出了单
20、元格宽度设置允许的情在超出了单元格宽度设置允许的情在超出了单元格宽度设置允许的情况下自动对文本进行换行显示况下自动对文本进行换行显示况下自动对文本进行换行显示况下自动对文本进行换行显示如果设置了单元格宽度,但同时又如果设置了单元格宽度,但同时又如果设置了单元格宽度,但同时又如果设置了单元格宽度,但同时又设置了设置了设置了设置了nowarpnowarpnowarpnowarp属性,则此时,单元属性,则此时,单元属性,则此时,单元属性,则此时,单元格宽度设置不起作用,所有文本将格宽度设置不起作用,所有文本将格宽度设置不起作用,所有文本将格宽度设置不起作用,所有文本将在一行内显示在一行内显示在一行内
21、显示在一行内显示本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页单元格标记属性设置语法单元格标记属性设置语法本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页单元格标记属性示例单元格标记属性示例示例代码示例代码本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页表格各标记属性设置的注意事项表格各标记属性设置的注意事项表格标记中的表格标记中的表格标记中的表格标记中的bordercolorlightbordercolorlightbordercolorlightbordercolorlight、bordercolordarkbordercolordarkb
22、ordercolordarkbordercolordark颜色显示的位置正好颜色显示的位置正好颜色显示的位置正好颜色显示的位置正好跟行标记及单元格标记中的这两个属性跟行标记及单元格标记中的这两个属性跟行标记及单元格标记中的这两个属性跟行标记及单元格标记中的这两个属性相反相反相反相反 内层的边框颜色设置会和外层的边框内层的边框颜色设置会和外层的边框内层的边框颜色设置会和外层的边框内层的边框颜色设置会和外层的边框颜色混合成另一种颜色颜色混合成另一种颜色颜色混合成另一种颜色颜色混合成另一种颜色同时设置背景颜色和背景图像时,背景同时设置背景颜色和背景图像时,背景同时设置背景颜色和背景图像时,背景同时设
23、置背景颜色和背景图像时,背景颜色将被背景图像覆盖掉颜色将被背景图像覆盖掉颜色将被背景图像覆盖掉颜色将被背景图像覆盖掉只有较新版的浏览器才支持背景颜色和只有较新版的浏览器才支持背景颜色和只有较新版的浏览器才支持背景颜色和只有较新版的浏览器才支持背景颜色和背景图像的设置,不支持背景图像的设背景图像的设置,不支持背景图像的设背景图像的设置,不支持背景图像的设背景图像的设置,不支持背景图像的设置的浏览器会显示浏览器的默认背景颜置的浏览器会显示浏览器的默认背景颜置的浏览器会显示浏览器的默认背景颜置的浏览器会显示浏览器的默认背景颜色来代替图像色来代替图像色来代替图像色来代替图像本节小结本节小结本节小结本节
24、小结思考题思考题框架框架表格表格主页背景图像属性设置的规则背景图像属性设置的规则选择基本上不传达信息的小选择基本上不传达信息的小巧而精致的图像巧而精致的图像选择带有较少形状、模式或选择带有较少形状、模式或颜色的简单图像颜色的简单图像 选择能够突出文档意图的选择能够突出文档意图的图像图像在尽可能多的浏览器中查看在尽可能多的浏览器中查看带有表格背景图像的带有表格背景图像的HTMLHTML文文档,确保跨浏览器的兼容性档,确保跨浏览器的兼容性本节小结本节小结本节小结本节小结思考题思考题框架框架表格表格主页背景颜色属性设置的规则背景颜色属性设置的规则如果文本颜色是深色的,应该选择浅如果文本颜色是深色的,
25、应该选择浅如果文本颜色是深色的,应该选择浅如果文本颜色是深色的,应该选择浅色作为背景颜色色作为背景颜色色作为背景颜色色作为背景颜色如果文本颜色是浅色的,应该选择深如果文本颜色是浅色的,应该选择深如果文本颜色是浅色的,应该选择深如果文本颜色是浅色的,应该选择深色作为背景颜色色作为背景颜色色作为背景颜色色作为背景颜色选择在美学角度来看令人愉快的颜色选择在美学角度来看令人愉快的颜色选择在美学角度来看令人愉快的颜色选择在美学角度来看令人愉快的颜色如果表述的主题是快节奏或激动人心如果表述的主题是快节奏或激动人心如果表述的主题是快节奏或激动人心如果表述的主题是快节奏或激动人心的,应该选择明快的颜色的,应该
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 表格 框架 使用 大全
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。