查看完整版本: 音乐极限城小课堂开课啦（表格的使用）

音乐极限城小课堂开课啦（表格的使用）

[table=560][tr][td][align=center]样式⑴[/align][/td][/tr][/table][code][table=560][tr][td][align=center]样式⑴[/align][/td][/tr][/table]
一个指定560宽度的表格，表格中文字居中设置。[/code][table=560][tr][td][table=548][tr][td][align=center]样式⑵[/align][/td][/tr][/table][/td][/tr][/table][code][table=560][tr][td][table=548][tr][td][align=center]样式⑵[/align][/td][/tr][/table][/td][/tr][/table]
在宽度为560的表格里面放一个宽度为548宽度的表格，表格中文字居中设置。[/code][table=560,Black][tr][td][table=548,#ff0000][tr][td][align=center]样式⑶[/align][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,#ff0000][tr][td][align=center]样式⑶[/align][/td][/tr][/table][/td][/tr][/table]
宽度为560的表格指定颜色为Black黑色，548宽度的表格指定颜色为#ff0000红色，名字和代码可以混用，简单的颜色可以用名字，更丰富的颜色可以用代码。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td][align=center][color=White]样式⒈[/color][/align] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td][align=center][color=White]样式⒈[/color] [/align][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
套2个表格以上，又要左右间距相同，指定宽度最大560，然后是548，536，不然就是下面这种样式。这个表格指定颜色是英文名字，下图中的表格是颜色代码，效果一样。[/code][table=100%,#000000][tr][td][table=100%,#a0522d][tr][td][table=100%,#556b2f][tr][td][align=center][color=White]样式⒉[/color][/align] [/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=100%,#000000][tr][td][table=100%,#a0522d][tr][td][table=100%,#556b2f][tr][td][align=center][color=White]样式⒉[/color] [/align][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
表格宽度设置为100%即是占满整个显示页面，数值可调。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td]Ⅱ [/td][/tr][tr][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td]Ⅱ [/td][/tr][tr][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
把536宽度的表格设置为4行2列。[tr]行，[td]列。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td]Ⅱ [/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td]Ⅱ [/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
给536宽度的表格，第2行和第四行单独指定颜色为DarkOrange深橙色，也可以选择用代码#ff8c00，效果一样。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td=2,1]Ⅰ和Ⅱ合并[/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td=2,1]Ⅰ和Ⅱ合并[/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td] Ⅴ[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅶ[/td][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
把536宽度的表格第一行2列合并为一列，[td=2,1]，第一行则少了一组列代码[td]Ⅱ[/td]。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td=2,1]Ⅰ和Ⅱ合并[/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td=1,2] Ⅴ和Ⅶ合并[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td=2,1]Ⅰ和Ⅱ合并[/td][/tr][tr=DarkOrange][td]Ⅲ [/td][td]Ⅳ [/td][/tr][tr][td=1,2] Ⅴ和Ⅶ合并[/td][td] Ⅵ[/td][/tr][tr=DarkOrange][td] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
把536宽度的表格第三行和第四行的第一列合并，[td=1,2] ，由于是从第三行合并，第三行任有2组列代码[td=1,2] Ⅴ和Ⅶ合并[/td][td] Ⅵ[/td]，第四行则只有一组[td] Ⅷ[/td]。[/code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td=5,1]Ⅱ [/td][/tr][tr][td=2,1]Ⅲ [/td][td=4,1]Ⅳ [/td][/tr][tr][td=3,1] Ⅴ[/td][td=3,1] Ⅵ[/td][/tr][tr][td=4,1] Ⅶ[/td][td=2,1] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=560,Black][tr][td][table=548,Sienna][tr][td][table=536,DarkOliveGreen][tr][td]Ⅰ[/td][td=5,1]Ⅱ [/td][/tr][tr][td=2,1]Ⅲ [/td][td=4,1]Ⅳ [/td][/tr][tr][td=3,1] Ⅴ[/td][td=3,1] Ⅵ[/td][/tr][tr][td=4,1] Ⅶ[/td][td=2,1] Ⅷ[/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
把536宽度表格的每一行的每一列指定宽度，把一行分成任意份数，上面我们分成6份，第一行，[td]Ⅰ[/td][td=5,1]Ⅱ [/td]，第一列只占一份，第二列占5份。也可以理解为这是个4行6列的表格，第一行我们把第一行的后面5列合并了。[/code][table=400,#CC3399][tr][td][table=388,#FFFFCC][tr][td][table=376][tr=#FF9900][td][color=White][align=right][b]ID：[/b][/align][/color][/td][td=4,1][color=White]···[/color][/td][/tr][tr=#fda727][td][color=White][align=right][b]日期：[/b][/align][/color][/td][td=4,1][color=White]2018年11月24[/color][/td][/tr][tr=#fdb74d][td][color=White][align=right][b]关于今天：[/b][/align][/color][/td][td=4,1][color=White]今天天气不错。[/color][/td][/tr][tr=#fcc778][td][color=White][align=right][b]我的歌曲：[/b][/align][/color][/td][td=4,1][color=White]Fade - Alan Walker[/color][/td][/tr][tr=#fdd79f][td=5,1][align=center][media=mov,365,20,1]http://www.51119.com/play/swf/02.swf?file=http://other.web.rf01.sycdn.kuwo.cn/resource/n3/80/97/603806042.mp3&width=365&songVolume=100&backColor=CC3399&frontColor=ffb13c&autoStart=false&repeatPlay=false&showDownload=false[/media][/align][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table][code][table=400,#CC3399][tr][td][table=388,#FFFFCC][tr][td][table=376][tr=#FF9900][td][color=White][align=right][b]ID：[/b][/align][/color][/td][td=4,1][color=White]···[/color][/td][/tr][tr=#fda727][td][color=White][align=right][b]日期：[/b][/align][/color][/td][td=4,1][color=White]2018年11月24[/color][/td][/tr][tr=#fdb74d][td][color=White][align=right][b]关于今天：[/b][/align][/color][/td][td=4,1][color=White]今天天气不错。[/color][/td][/tr][tr=#fcc778][td][color=White][align=right][b]我的歌曲：[/b][/align][/color][/td][td=4,1][color=White]Fade - Alan Walker[/color][/td][/tr][tr=#fdd79f][td=5,1][align=center][media=mov,365,20,1]http://www.51119.com/play/swf/02.swf?file=http://other.web.rf01.sycdn.kuwo.cn/resource/n3/80/97/603806042.mp3&width=365&songVolume=100&backColor=CC3399&frontColor=ffb13c&autoStart=false&repeatPlay=false&showDownload=false[/media][/align][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]
一个背景色为#CC3399，宽度为400的表格；一个背景色为#FFFFCC，宽度为388的表格；一个5行6列宽度为376的表格，每一行指定单独颜色[tr=#FF9900]，一到五行的后面4列单独合并，[td=4,1]，最后一行5列合并为一列，[td=5,1]。[/code]

[color=Red][size=5][b]这期作业大家随意发挥，提交作业即有奖励。如果有音乐也请设置为手动播放。[/b][/size][/color]

[table=536,#fddada][tr][td=2,1]第一行第一列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table][code][table=536,#fddada][tr][td=2,1]第一行第一列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table][/code][code][table=536,#fddada]-----------------------（表格开始，指定宽度536，指定颜色fddada）
[tr]--------------------------------------（第一行）
[td=2,1]----------------------------------（第一行第一列，这里2,1表示2列合并为一列；如果是1,2则表示2行合并为一行。）
第一行第一列---------------------------------（这里就是内容了，图片文字音乐视频都可以）
[/td]-------------------------------------（第一列结束，其实有2列，合并了就只有一列了。）
[/tr]-------------------------------------（第一行结束）
[tr]-------------------------------------（第二行）
[td]--------------------------------------（第二行第一列）
第二行第一列---------------------------------（这里就是内容了，图片文字音乐视频都可以）
[/td]-------------------------------------（第二行第一列结束）
[td]--------------------------------------（第二行第二列，第一行的2列合并了，这里没有合并）
第二行第二列---------------------------------（这里就是内容了，图片文字音乐视频都可以）
[/td]-------------------------------------（第二行第二列结束）
[/tr]-------------------------------------（第二行结束）
[/table]-----------------------------------（表格结束）[/code]

[[i] 本帖最后由 ··· 于 2018-11-30 09:56 编辑 [/i]]

作业已交
[table=400,#FF6666][tr][td][table=388,#FFFFCC][tr][td][table=376][tr=#0099CC][td][color=White][align=right][b]ID：[/b][/align][/color][/td][td=4,1][color=White]alecko[/color][/td][/tr][tr=#0099CC][td][color=White][align=right][b]日期：[/b][/align][/color][/td][td=4,1][color=White]2018年11月30日[/color][/td][/tr][tr=#0099CC][td][color=White][align=right][b]关于今天：[/b][/align][/color][/td][td=4,1][color=White]开始降温了，大家都要注意保暖呀[/color][/td][/tr][tr=#0099CC][td][color=White][align=right][b]我的歌曲：[/b][/align][/color][/td][td=4,1][color=White]増田俊郎 - 笼のなか[/color][/td][/tr][tr=#0099CC][td=5,1][align=center][media=mov,365,20,1]http://www.51119.com/play/swf/02.swf?file=http://other.web.ri01.sycdn.kuwo.cn/resource/n3/72/20/2992226615.mp3&width=150&songVolume=100&backColor=E8E8E8&frontColor=000000&autoStart=false&repeatPlay=false&showDownload=false[/media][/align][/td][/tr][/table][/td][/tr][/table][/td][/tr][/table]

[[i] 本帖最后由 alecko 于 2018-11-30 20:27 编辑 [/i]]