框线制作常用代码 |
代码 |
含义 |
<table>...</table> |
建立表格,所有的其他标记都需要在此标记中 |
|
|
<table width=* heigth=*></table> |
设定表格宽度width和高度height,属性值可以使用点数,如:width=50,也可以使用百分比,如:width=50%。 |
<table bgcolor=*></table> |
表格背景色。属性值可使用颜色英文名称如:bgcolor=Blue,也可以使用十六进制值如:bgcolor=#799ED2 。 |
<table background=*></table> |
表格的背景图。*=背景图片链接。如background=http://blog.hexun.com/images/rss2.png |
<table border=*></table> |
表格框线的宽度。如:border=5 |
<table bordercolor=*></table> |
所有表格框线颜色,色值同上。 |
<table bordercolordark=*></table> |
表格框线暗面(即右边.下边)颜色。 |
<table bordercolorlight=*></table> |
表格框线亮面(即上边.左边)颜色。 |
<table align=*></table> |
表格水平对齐属性。属性值有left(左)center(中)right(右)三种。 |
<table valign=*></table> |
表格垂直对齐属性。属性值有top(顶部)bottom(底部)两种。 |
<table cellspacing=*></table> |
单元格间隙属性。 |
<table cellpadding=*></table> |
单元格数据间隙属性。 |
<table rules=*></table> |
表格内框线属性。rules=none(隐藏表格内所有框线)。rules=rows(显示所有行间的水平框线)rules=cols(显示所有列间的垂直框线) |
|
|
<tbody>....</tbody> |
body标记就是HTML文件的内容,内可含有所有文字、图片、表格和多媒体文件等组合。处于<table></table>内。 |
|
|
<tr>......</tr> |
行。一组<tr></tr>为表格一行 |
<td>.....</td> |
单元格。在<tr>与</tr>之间,一组<td></td>就是一小格。注:单元格也可以自设定高宽度,如:<td width=150 height=30></td> |
<td rowspan=*></td> |
表格的行合并。*=全部合并行数,如rowspan=5,指向下合并四行。 |
<td colspan=*></td> |
单元格合并。*=全部合并格数,如colspan=5,指向右合并四格。 |
<td width=* height=* align=* valign=* bordercolor=* bgcolor=*></td> |
<td>也可以像<table>那样使用多种属性代码定义单元格自有属性。 |
|
|
其它常用代码 |
|
<img src=图片链接 width=* height=*></img> |
贴图代码。 |
<br> |
换行代码。这个代码只有单个,没有</br> |
<p>......</p> |
分段代码。 |
|
相关推荐
NULL 博文链接:https://zhou-hong-liang.iteye.com/blog/365301
一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列和最右列固定中间滚动的html table样式。 一个首行表头、最左列...
要求能够实现给出任意带table表格的html文件,生成与表格相同内容的excel文件,附件可以作为测试文件,提供给定的roster.html文件,通过java代码,实现生成与html页面的table相同样式的roster.xls文件。
利用js技术和css技术实现比较好看使用的table表格,方便用来制作前端页面表格,可供参考学习或直接使用。
HTML Table 漂亮的CSS 包含了格式各样的CSS,代码非常独立,肯定能够让你用到的。
如果页面上有大量的表格数据时,隔行变色的斑马纹,基于jquery中的强大的选择器nth-child,以及addClass向表格中添加css样式制作的DEMO。 漂亮的斑马纹table表格(基于JQuery斑马纹表格)demo的特点简单易用,代码中...
幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一...
简单大气的表格样式,没有使用图片 纯CSS 模仿bootstrap的样式写的
2.内容、图片、表格跨页断裂,封边 3.table并行、并列双边、重边 4.自动计算页码(总数及每一页),样式、位置、形式完全个性化 5.页眉页脚,去除浏览默认,自定义内容、样式、位置 6.保持页脚在页面底部,而非紧接...
在html的表格中,锁定行头和列头,使用样式表,不用加载第三方控件.
html纯css实现表格样式
这时,可以试试本文的主角 —— html-table 包,借助它可生成各种样式的 HTML 表格。 接下来,以一个简单的例子演示 html-table 的常用用法: 开始之前,须通过 pip 安装 html-table 包: $ python -m pip ...
3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响; 4、移植性好,扩展性好。 【缺点】 目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网友更正,俺在此谢过。^_^ 【使用方法...
html表格样式<!DOCTYPE html> <html> td{ text-align:center; } a{ text-decoration: none; } img{ width: 25px;height:25px; border-radius: 50%; align="left"; } <title>demo <!-- ...
TableExport是一款可以将HTML表格导出为Excel xlsx格式、xls格式,以及csv和txt文件的jQuery插件。TableExport插件使用简单,默认使用Bootstrap的CSS表格样式,也支持普通的HTML表格。
下面就使用一个实例来讲一下如何使用Bootstrap现成的css样式直接加在我们的table表格上,我们只需要写很少的代码就能轻松制作漂亮表格。 比如我们要制作一个像下面这个表格: 有了Bootstrap,只需写好html内容结构...
NULL 博文链接:https://ilove2009.iteye.com/blog/655973
HTML表格设计器可以快速的可视化设计一个表格,可以对单元格进行合并,拆分,添加,删除以及设置样式等操作,API简单易懂 ###第一步: grunt /*运行任务,生成js主文件*/ ###第二步: bower install /*安装依赖库*/ ##...
项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的...
HTML Table</title></head> <style type=”text/css”> TABLE { background: blue; border-collapse: separate; border-spacing: 10pt; border-top: 15px solid red; border-left: 15px solid red...