第二章 表格
内容:1.表格基本标记及其属性
2.表格的合并
3.表格的嵌套
一、表格的作用
显示数据,一目了然,便于理解、分析
网页布局必须使用表格
二、表格的构成
表格由行以及行中的单元格构成。
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
标记:
<table><tr><td><th>
常用属性:
width
border(必须设置,否则看不见)
align
bordercolor
background
cellpadding
spacepadding
宽度有两种表示方法: px 、 % (尽量设置px)
注意:
1.设置tabled 的align属性只对table起作用,对table中的内容不起作用
2.<center></center>对表格中的内容不起作用
行的背景图片不起作用,表格和单元格背景图片都可以用
3.如何拼接图片?
多幅图片只能放在一个单元格中,即放在一个<td>中
<table border=0>
<tr>
<td><img src="img\1.gif"><img src="img\2.gif"><img src="img\3.gif"></td>
</tr>
</table>
拼接时写不写</img>都没有关系,但<img>语句不能打回车,也不能有空格(不是<br>,而是不能打回车)
背景图片和颜色同时设置时,只能看到图片
背景图片background <table>和<td>都有此属性,但<tr>没有此属性。
单元格合并 rowspan colspan
1.首先确定是要合并行或是列
2.找到合并单元格的第一位置
3.合并几个,行rowspan=n,删除对应位置的<td></td>
表格嵌套
一定是在单元格中嵌套
不要随意改某个单元格的大小
分享到:
相关推荐
表格 html 表格 html 表格 html 表格 html
HTML中的表格有许多详细的属性,参数以及用法,都在其中,对于学习的人能够详细的学习表格
漂亮的表格html,鼠标移动到表格上会自动通过CSS效果选中一行以及一列。
html中让表格td中的多余字体自动换行的
就是添加表格行,在html中对表格自动添加行和删除行
好看的html表格,可以做好的例子,希望能和大家分享,谢谢大家啊
html的表格使用.ppt
在html的表格中,锁定行头和列头,使用样式表,不用加载第三方控件.
html中的table中做细线表格,里面说的很详细,大家可以下载来看看
纯javascript解析CSV文件使用并转成HTML表格
一个很好的表格html代码,里面包含了大量的css表格类型,界面清晰、清爽、相当的漂亮!
表格自己展开HTML效果,鼠标移到某行上,会自动展该行展开,显示子表
html中导出表格插件,可以实现将写好的表格导出,有事例
html之表格应用教案,适合中职学校老师使用,大学html课程老师也可以使用
为初学网页制作的,利用HTML学习的,初学者提供一个例子,但愿能够帮得上忙
js导出html数据存入excel中,存在兼容问题支持部分浏览器
html网页广告表格无缝向上滚动,直接打开就可以打开网页显示效果,很值得大家互相学习,共同进步!html网页广告表格无缝向上滚动!
实现将复制的excel的内容粘贴到html 表格的输入框中的功能
主要介绍了Python实现简单HTML表格解析的方法,涉及Python基于libxml2dom模块操作html页面元素的技巧,需要的朋友可以参考下