三河灵山宝塔陵园并购:表格的嵌套格式和图片美化
来源:百度文库 编辑:偶看新闻 时间:2024/05/23 10:50:41
边框对于一个表格的美化很重要,这里通过基本的表格代码,再深入讲解表格的嵌套,以及表格的美等问题,为发表音乐贴打好基础。
一、边框表格的基本语法
先来看一个简单的边框:
代码:
效果:
阿仔书馆
在这段代码里的阿仔书馆<*/td><*/tr><*/table>就组成边框表格的基本语法:开始标签,内容,结束标签.这三个标记
一、边框表格的基本语法
先来看一个简单的边框:
代码:
博客秘籍(小强版) |
效果:
阿仔书馆
在这段代码里的
是定义表格的最重要的标记,可以说学懂这三个就足己制作一个边框表格了. 先看懂这个代码: table:这是一个做表格的元素,要描述内容的属性都写在由它组成的开始标签里. tr:描述列的元素,列就是从上到下的行. td:描述格的元素,格就是每行里的格(大概意思). table的属性常用的有: width= 表格宽度,接受绝对值(如180)及相对值(如 80%,相对可显示的宽度) height= 表格高度,接受绝对值(如 180) border= 表格框的厚度. cellspacing= 表格格线离边框距离 cellpadding= 文字图片离格线的距离. align= 表格的摆放位置(水平),可选值为: left, right,center(左,右,中心) valign= 表格内字画等的摆放贴位置(垂直)可选值为: top, middle, bottom。(顶,中间,底部 ) background= 表格的背景图,与 bgcolor 不要同用。 bgcolor= 表格背景颜色,与background 不要同用. bordercolor= 表格边框颜色. bordercolorlight= 表格边框向光部分的颜色. bordercolordark= 表格边框背光部分的颜色,(使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效) 二、边框的制作 1.颜色框: 简单地只要写上表格边框颜色属性 bordercolor 和边框的厚度属性 border,再写上表格的宽 width 和高 height 就会显示一个你所指定的颜色框. 据此写一个代码:
显示效果为: 阿仔收藏 这里多写了一个格线属性cellspacing=0,格线就是上面第一个边框里的那根细线(打表格用的),不写格线属性浏览器就默认为1.我们不需要格线时,请一定写上cellspacing=0,这个默认有时会捣乱的. 下面是不写的效果: 阿仔收藏 那么有的新手会问:为什么我已经定好尺寸的框仍会被图片撑大?其实这是因为框定好宽和高以后,如果放在里面的内容大于它,则按大的显示. 例如还是上面那个尺寸的框,放进一张大的图片: 代码: 显示效果为: 以上的效果提示我们要注意两点: 1)有时按需要定好框的尺寸,不容许再变的,那就要注意放进去的内容不能大于框的尺寸,以免撑大. 2)因为放进去的内容会撑大框,有时干脆不写表格的尺寸,让内容自动撑大反而会服贴. 三、素材框: 利用素材图片做框的原理是:把素材图片做成各种背景图,再把背景图一张张覆盖上去,每后一张都比前一张小一点,这些边上露出来的小一点就组成了一个框的效果. 边框要做多少层就要做多少个背景图,要做成多少个背景图也就是要做多少个表格.每后一个表格都要放到前一个表格里. 要使每后一张都比前一张小一点的方法:只要在前一张代码里设定格线厚度cellspacing=就行了,设定多大就露多大. 下面是已经选好的两张素材图. 用第一张做背景图: 代码:
效果如下: 阿仔收藏 应用注意点:代码中设了格线cellspacing="10",这在下一张背景图放进去后才能看到, 表格宽用了相对值90%,相对可显叶面的90%. 下面把第二张做背景图,将格线设为5,width="100%". 将代码
放到前一张里的如下代码:
效果如下: 阿仔书馆 现在加一张图片,看看整体效果如何: 看看这两层边框的代码: 看懂这些代码的意思了吗?其实最重要的还是应该做到前面有几个开始标签,结束就必须有收尾标签。 音画帖往往做框用很多表格,里面又大框套小框的用很多表格,由于疏忽经常会出现少写或多写收尾。使得整个帖变形. 所以,做了几个表格,就必须有几组收尾标签,多一个少一个都不行.( 即:多少 | |||||||||
四、图和文字放进框里的方法及注意点
代码格式:
内容 |
将图和文字的代码从上到下按顺序代替上面的"内容"放到表格里. 代码安放的一些注意点:
1.竖向处理:,首先,表格属性里不写高 height ,这样可让内容自动撑高. 凡是要空行的地方可用换行标签
来设定,不够可以多加几个<*br>,到满意为止, 也可用分段标签
......
,不够再加2.横向处理:首先,在最后一层表格里写上文字图片离格线的距离属性: cellpadding= .不让内容靠边. 再强调一遍,放进去的所有内容的宽度不要大于框的内宽,为了美观还要它们小一点. 图片宽度好设定,文字一般也用
分行的方法来限定它的宽度。
3.内容居中:将位置属性align=center放到最后一层表格的
内容 |
什么是幻灯片的嵌套表格
DW2004表格嵌套问题
表格 嵌套 框架
我想知道在Dreamweaver 里,表格的详细嵌套过程!
excel中怎么嵌套表格
Dreamweaver表格嵌套到27层时,27个表格里的内容不显示为什么
Dreamweaver表格嵌套到27层时,27个表格里的内容不显示为什么?
连接查询和嵌套查询的优缺点
关于循环和循环嵌套的问题
sql嵌套语句格式
msn space的表格美化边框应该如何实现
ASP的IF 语句嵌套格式是怎么样的
怎样将excel格式的表格转换为GIF格式的图片
怎样做图片上的美化字
关於美化图片的论坛网址!
请教,表格和图片间的空隙怎样去除?
为什么我家的打印机不能答应图片和表格?
C# asp 如何在*.asp.cs文件中引用嵌套的表格对象?
Dreamweaver里如何制作嵌套表格?
Excel表格怎样实现嵌套打印
网页中层如果嵌套在表格中
有没有把扫描格式的图片转变为WORD文档或表格的软件
求一张表格或者文本格式的五笔字根(不是图片)
WORD表格格式的设置