html实现⽂字在表格上⽅左侧,html，表格，左对齐.doc
html，表格，左对齐
篇⼀：html表格布局实例
[html]表格布局之实例版
| [<
前⾯我们讲了html表格的基础知识，今天我们通过⼀个实例让⼤家更清晰的了解下表格的⽤途。
例如：我们做⼀个简单的⽹站布局，代码如下：
bordercolor=#00ff99
产⽣如下的表格：
这是⼀张整体的表格，第⼀⾏和第四⾏分别跨度了三列，这⾥⽤
colspan=3来限制，⽽第⼆⾏的“搜索框”占⽤了两列的位置，⽤colspan=2控制； align=center是对表格内⽂字的对齐限制，center表⽰中间，right表⽰靠右，left靠左。
表格的基础设置，可以参考：
[html]利⽤表格规划⽹站布局网页colspan
[h择默认的对齐⽅式，也即左对齐，在html中的标签和属性是：
我的⼀些表格布局的经验：
1、表格布局第⼀步：先插⼊⼀个表格，宽度是760-780px(记住，⼀定要⽤px，不要⽤百分⽐)，⾼度不⽤设置，然后令这个表格居中。以后所有的内容都限制在这个表格中。
2、熟练使⽤表格嵌套。也就是说，在⼀个表格中再插⼊另⼀个表格。举个例⼦，把你要设计的页⾯分成⼤的⼏个部分，然后利⽤表格的⾏数和列数来控制它们的布局，如果某⼀个单元格中的内容⼜要分成⼏部分，可以继续在这个单元格中插⼊表格，⽅法同上。
3、补充：表格的边框⼀定要为0，即table中的border属性值为0。也就是让表格在⽹页预览中不可见，这样才能实现表格布局的⽬的。
如何利⽤表格实现画中画，也就是页中页效果
⽹页的排版⼤多使⽤表格，利⽤⼀个表个单元可以嵌⼊⼀个⽹页，你知道吗？这样做有很多好处，⽐如你把经常更新的区域划分⼀个表格单元，然后在这个表
格单元中嵌⼊你想要更新的内容，今后更新主页只需上传这个被嵌套的页⾯就可以了，没有必要对⾸页进⾏更新，是不是很⽅便。我写个最简单的例⼦代码：＜html＞
＜head＞
＜title＞范例＜/title＞
＜body＞
＜table border=1 width=100%＞
＜tr＞
＜td＞
＜IFRAME src=example.htm width=300 heitht=100＞＜/IFRAME＞ ＜/td＞
＜/tr＞
＜/table＞
＜/body＞
＜/html＞
插⼊被嵌⼊页的关键代码是：＜
IFRAME src=example.htm width=300 heitht=100＞＜/IFRAME＞。
example.htm是被嵌⼊的页⾯，标签＜IFRAME＞还有⼀些可⽤的参数设置如下：marginwidth:⽹页中内容在表格右侧的预留宽度；例如：marginwidth=20，单位是pix，下同。
marginheight:⽹页中内容在表格顶部预留的⾼度；
hspace:⽹页右上⾓的的横坐标；
vspace:⽹页右上⾓的纵坐标；
frameborder：是否显⽰边缘；填1表⽰是，填0表⽰否
scrolling：是否出现滚动条；填1表⽰是，填0表⽰否
表格背景图⽚的⼀个技巧
⼤家都知道在⼀个较⼤的表格中放⼊背景图⽚，背景图⽚就会重复填充直到整个页⾯。我们可以利⽤表格的这个特性来减⼩我们⽹页中图⽚的⼤⼩，⽐如下⾯的⼀个渐变图，你看上去像是⼀整张图⽚，它其实⽤的就是表格背景重复填充特性，⽽⽤的图⽚就是右边的那张，⼤⼩只有1.3k，在此如果要⽤⼀张⼤的图⽚是很不划算的。你若要插⼊⼀根⽔平线，⽤这⽅法也很有效。
如何使⿏标指到表格，表格背景变⾊
这个特效⽤的是表格样式表，要

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。