Space 简易教程(十九)—— 表格应用实例
来源:百度文库 编辑:神马文学网 时间:2024/07/08 19:44:25
Space 简易教程(十九)—— 表格应用实例这篇教程主要介绍一下语句的应用实例,如果有的朋友对语句还不是很熟悉,请先读一下我的前一篇简易教程(十八)。等头脑中对表格语句有个基本概念,再回来看这里的例子就比较容易理解了。
这个例子不仅是为了表现两栏结构,而且还想说明通过表格可以在一段文字的上下左右设置空白,以某些满足排版的需要,使一篇日志内的文字不显得过于拥挤。
(二)图文排版
实例:
登 鹳 雀 楼
王之涣(唐)
白 日 依 山 尽
黄 河 入 海 流
欲 穷 千 里 目
更 上 一 层 楼
赏析:在《登鹳雀楼》一诗中,王之涣不仅刻画了祖国的壮丽山河,而且写出了登高远望的襟怀。向西远看,夕阳贴着高山落下,黄河滚滚流向大海。要想看到千里之远,就得再登上一层高楼。后二句揭示了只有站得高,才能看得远这一生活哲理,成为不朽的名句。
语句:
从这个例子可以看到,利用表格可以把日志中的图文安排在一定位置上,还可以采取不同的表现手法,互不干扰。其中 s="WRITING-MODE: tb-rl" 是控制所写文字由右向左,竖排书写。如果竖排文字出来的方向不对,请将竖排文字全部选中,然后给这些文字指定一个字体,比如:“宋体”或者“Arial”,就应该没问题了。
(三)给文字添加背景图片/颜色
实例:
今天作业:
1、仔细阅读教程(十八)和(十九)
2、请在自己的 MSN 日志中尝试一下
3、如发现问题,请及时反馈,谢谢!
语句:
上例中,因为背景图片比较大,我选择的表格的高度和宽度就是背景图片的高度和宽度。如果背景图片比表格小,就会在表格内自动复制,以充满表格。不想图片自动复制,可以在语句中再加一个属性。语句如下:语句变为:语句来制作圆角表格语句来实现圆角表格可以省去制作圆角图片之苦!
虽然代码看起来很长,其实原理很简单,昨天我把原代码精简了一下,将嵌套的表格从四个减少到两个,应该更好理解了吧。需要指出一点,“cellPadding=3”是避免表格内文字过于贴近表格边框而特意添加的!
制作这个圆角表格的主要目的有两个:一是可以用来作为带背景色的日志模板,实例参考教程(一);二是可以制作自己日志标题档或者签名档,用处还是很大的。用语句制作圆角表格,和网上其他常见方法相比,不仅省去了制作、使用圆角图片的麻烦,而且此圆角表格具有“自适应性”——因为语句中使用的是相对宽度(width=100%),所以此表格会随着发布日志栏的宽度变化而自我调节,这比一般图片做出来的圆角表格更具灵活性!
左栏文字 | 右栏文字 |
这个例子不仅是为了表现两栏结构,而且还想说明通过表格可以在一段文字的上下左右设置空白,以某些满足排版的需要,使一篇日志内的文字不显得过于拥挤。
(二)图文排版
实例:
登 鹳 雀 楼
王之涣(唐)
白 日 依 山 尽
黄 河 入 海 流
欲 穷 千 里 目
更 上 一 层 楼
赏析:在《登鹳雀楼》一诗中,王之涣不仅刻画了祖国的壮丽山河,而且写出了登高远望的襟怀。向西远看,夕阳贴着高山落下,黄河滚滚流向大海。要想看到千里之远,就得再登上一层高楼。后二句揭示了只有站得高,才能看得远这一生活哲理,成为不朽的名句。
语句:
左上栏图片 | 右上栏文字 |
下栏文字 |
从这个例子可以看到,利用表格可以把日志中的图文安排在一定位置上,还可以采取不同的表现手法,互不干扰。其中 s="WRITING-MODE: tb-rl" 是控制所写文字由右向左,竖排书写。如果竖排文字出来的方向不对,请将竖排文字全部选中,然后给这些文字指定一个字体,比如:“宋体”或者“Arial”,就应该没问题了。
(三)给文字添加背景图片/颜色
实例:
今天作业:
1、仔细阅读教程(十八)和(十九)
2、请在自己的 MSN 日志中尝试一下
3、如发现问题,请及时反馈,谢谢!
语句:
你的日志文字或图片 |
上例中,因为背景图片比较大,我选择的表格的高度和宽度就是背景图片的高度和宽度。如果背景图片比表格小,就会在表格内自动复制,以充满表格。不想图片自动复制,可以在
| |||||||
虽然代码看起来很长,其实原理很简单,昨天我把原代码精简了一下,将嵌套的表格从四个减少到两个,应该更好理解了吧。需要指出一点,“cellPadding=3”是避免表格内文字过于贴近表格边框而特意添加的!
制作这个圆角表格的主要目的有两个:一是可以用来作为带背景色的日志模板,实例参考教程(一);二是可以制作自己日志标题档或者签名档,用处还是很大的。用