返回列表 发新帖
楼主: 静雅 - 

网络教程六《在HTML编辑模式下制作表格之完全篇》

[复制链接]

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:45:49  | 显示全部楼层
以下是引用馨伊在2004-6-20 2:16:07的发言:

晕...预览好好的,.竟然出不来?

需要分清楚论坛的三种编辑模式:Design、UBB、HTML。Design是默认的编辑模式,有点象Word那样,同时支持UBB代码(中括号代码);UBB模式有点接近HTML,但它不能代替HTML;HTML模式功能最强大,用它可以设计出很多效果。 你的代码是HTML代码。编辑框下方有几个按钮,其中有三个是上述编辑模式按钮,HTML代码要切换到HTML编辑模式进行编辑。单击那些编辑按钮是在三种编辑模式间来回切换。

表格的width即宽度,取值可用百分之几,也可用实值,如500。表格的border、cellpadding习惯上则取实值,通常较小,比如1,10,20等。 如果表格是嵌套在一起的,则应该考虑一下表格的整体外观,根据需要设置里、外表格的实际宽度。注意:外面的表格尽管设置了宽度,也有可能受到里面表格的宽度所影响,如当里面的表格或其他元素的宽度大于外面表格所设置的宽度时,外面的表格会自动增加宽度。 width值的设置尽量用实值表示,这样容易控制一些。

图片本身太小。不过,再大的图片,当以IMG形式发布时,它会压缩到300的宽度的。可以用接近500PX宽度的图片做表格的背景图发图。

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:47:03  | 显示全部楼层
哈哈,谢谢激版。黑马未注意有这个问题呢。 图片跟着文字移动其他很简单,激版已经做出来了。方法是: 把图片和文件一道,作为<marquee>和</marquee>之间的内容。应该注意的是,图片与文件也应该用<br>或<p></p>隔开。
在天愿作比翼鸟, 在地愿为连理枝。 天长地久有时尽, 此恨绵绵无绝期。 请黑马老师指教!我想让图片移动怎么做?
[此贴子已经被

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:48:28  | 显示全部楼层
以下是引用幽幽兰花在2004-6-29 11:51:39的发言:
2

表格的语法不那么简单。也不能用于中括号里。要用HTML代码,在HTML编辑模式下编辑。完整的表格代码如下: <table border=1 width=400 height=200> <!--说明:上一行规定了表格的边框粗细及表格高宽,还有些其他参数--> <tbody> <tr> <td> <center>2</center> <!--说明:令文字居中。表格内容就写在<td>和</td>之间--> </td> </tr> </tbody> </table>

2

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:49:01  | 显示全部楼层
以下是引用花瓣在2004-6-29 18:54:52的发言:

我想搞清边框的颜色是怎么调的。

表格边框的颜色在<table>里面加入如下语法: bordercolor=颜色 例:
<table align=center border=8 cellpadding=10 bordercolor=lightgreen width=400> <tbody> <tr> <td> </td> </tr> </tbody> </table>
更多的表格资讯请访问黑马的网站,上面的“代码专区”有一篇《初识表格》
[此贴子已经被作者于2004-6-29 19:09:56编辑过]
---------------------------------------------- 欢迎光临黑马在线动力 交互版 精华版

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:49:34  | 显示全部楼层
左版已经帮你改过来了。 之所以少一半,与表格的宽度设置有关,黑马的相关教程里都讲到的。 给表格加入图片,在<td>和</td>之间用加载图片的语法: <img src="图片地址">

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:50:52  | 显示全部楼层
以下是引用花瓣在2004-6-29 23:28:48的发言:

黑马老师可否将色码值讲讲?再有可否将英语各种主要的颜色给写写呢?谢谢!

色码表没什么讲头,去看看这里,常用后就会记得的: http://www.2000y.net/109348/index.asp?xAction=xReadNews&NewsID=189 英语方面,就是初中课程里有的那些颜色单词,再加上诸如ligntblue之类的,没什么难的。

色码表

发表日期:2004年6月15日 本页面已被访问 497 次
EEEEEE FF00CC FF66FF FF00FF
DDDDDD FFCCCC FF66CC FF00CC
CCCCCC FFCC99 FF6699 FF0099
BBBBBB FFCC66 FF6666 FF0066
AAAAAA FFCC33 FF6633 FF0033
999999 FFCC00 FF6600 FF0000
888888 CCCCFF CC66FF CC00FF
777777 CCCCCC CC66CC CC00CC
666666 CCCC99 CC6699 CC0099
555555 CCCC66 CC6666 CC0066
444444 CCCC33 CC6633 CC0033
333333 CCCC00 CC6600 CC0000
222222 99CCFF 9966FF 9900FF
111111 99CCCC 9966CC 9900CC
000000 99CC99 996699 990099
FF0000 99CC66 996666 990066
EE0000 99CC33 996633 990033
DD0000 99CC00 996600 990000
CC0000 66CCFF 6666FF 6600FF
BB0000 66CCCC 6666CC 6600CC
AA0000 66CC99 666699 660099
990000 66CC66 666666 660066
880000 66CC33 666633 660033
770000 66CC00 666600 660000
660000 33CCFF 3366FF 3300FF
550000 33CCCC 3366CC 3300CC
440000 33CC99 336699 330099
330000 33CC66 336666 330066
220000 33CC33 336633 330033
110000 33CC00 336600 330000
FFFFFF 00CCFF 0066FF 0000FF
FFFFCC 00CCCC 0066CC 0000CC
FFFF99 00CC99 006699 000099
FFFF66 00CC66 006666 000066
FFFF33 00CC33 006633 000033
FFFF00 00CC00 006600 000000
CCFFFF FF99FF FF33FF 00FF00
CCFFCC FF99CC FF33CC 00EE00
CCFF99 FF9999 FF3399 00DD00
CCFF66 FF9966 FF3366 00CC00
CCFF33 FF9933 FF3333 00BB00
CCFF00 FF9900 FF3300 00AA00
99FFFF CC99FF CC33FF 990099
99FFCC CC99CC CC33CC 008800
99FF99 CC9999 CC3399 007700
99FF66 CC9966 CC3366 006600
99FF33 CC9933 CC3333 005500
99FF00 CC9900 CC3300 004400
66FFFF 9999FF 9933FF 003300
66FFCC 9999CC 9933CC 002200
66FF99 999999 993399 001100
66FF66 999966 993366 0000FF
66FF33 999933 993333 0000EE
66FF00 999900 993300 0000DD
33FFFF 6699FF 6633FF 0000CC
33FFCC 6699CC 6633CC 0000BB
33FF99 669999 663399 0000AA
33FF66 669966 663366 000099
33FF33 669933 663333 000088
33FF00 669900 663300 000077
00FFFF 3399FF 3333FF 000066
00FFCC 3399CC 3333CC 000055
00FF99 339999 333399 000044
00FF66 339966 333366 000033
00FF33 339933 333333 000022
00FF00 339900 333300 000011
0099FF 0033FF 0099CC 0033CC
009999 003399 009966 003366
009933 003333 009900 003300
[此贴子已经被作者于2004-9-3 0:51:24编辑过]

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:53:29  | 显示全部楼层

---------------------------------------------- 欢迎光临黑马在线动力 交互版 精华版

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:54:58  | 显示全部楼层

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:56:06  | 显示全部楼层

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

605

主题

1万

帖子

2万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
20340
发表于 2004-9-3 00:59:43  | 显示全部楼层

每一个<p align=...>都应该在适当的地方有终止符:</p>,<marquee>语句也是如此。忘记了终止符,会使整个贴子零乱。

599楼:<TABLE height=338 cellSpacing=0 cellPadding=0 width=450 border=0 backgyound="http://cnpicture.com/logo/sm_tree/05.jpg" aling(应该是ALIGN)="center"> <TBODY> <TR> <TD> <CENTER><EMBED align=right src=http://bbs.hnol.net/pic/swf.gif(这不是一个FLASH地址,只是一个FLASH图标的图片地址) width=430 height=300 type=application/ocete-stream quality="high" wmode="transparent"></EMBED></CENTER>(已经有ALIGN=RIGHT了)</TD></TR></TBODY></TABLE>

★★★∈∈∈忘忧岛岛主∝∝∝★★★

回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
关于我们
友情链接
联系我们
帮助中心
网友中心
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表