三河灵山宝塔陵园并购:表格的嵌套格式和图片美化
来源:百度文库 编辑:偶看新闻 时间:2024/05/04 14:52:00
边框对于一个表格的美化很重要,这里通过基本的表格代码,再深入讲解表格的嵌套,以及表格的美等问题,为发表音乐贴打好基础。
一、边框表格的基本语法
先来看一个简单的边框:
代码:
效果:
阿仔书馆
在这段代码里的阿仔书馆<*/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表格格式的设置
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网