html长表格打印Word文档下载推荐.docx
- 文档编号:13355018
- 上传时间:2022-10-10
- 格式:DOCX
- 页数:5
- 大小:16.31KB
html长表格打印Word文档下载推荐.docx
《html长表格打印Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《html长表格打印Word文档下载推荐.docx(5页珍藏版)》请在冰豆网上搜索。
padding:
3px7px2px7px;
#customersth
1.1em;
text-align:
left;
padding-top:
5px;
padding-bottom:
4px;
background-color:
#a7c942;
color:
#ffffff;
#customerstr.alttd
#000000;
#eaF2d3;
company
contact
country
apple
stevenjobsusa
baidu
liyanhongchina
googlelarrypageusa
lenovo
liuchuanzhichina
microsoftbillgatesusa
nokia
stephenelopFinland
篇二:
html中table表格分页
"
http:
//www.w3.org/tR/html4/loose.dtd"
>
表格分页
html4.01transitional//en"
//注:
样式有点丑,但是功能是实现的,按照的是每页显示10数据加一行表头
varmytable;
varmy_new_table;
varmy_href1;
varmy_href2;
vartemp1=0;
vartemp2=0;
varflag1=false;
varflag2=false;
varflag3=false;
vartrows=0;
varpags=0;
varcount=0;
functiontest()
mytable=document.getelementbyid("
mtable"
);
trows=mytable.rows.length;
if(trows%10==0)
pags=trows/10;
else
pags=parseint(trows/10)+1;
if(trows>
10)
//隐藏mytable表格
mytable.style.display="
none"
;
//则需要调用一个函数,将表格分页
showtable();
for(vari=0;
i {
if(i==0)
}}}elsedocument.getelementbyid(mtable+i).style.display="
showlink();
functionshowlink(){my_div=document.createelement("
div"
}//div属性my_div.id="
div2"
my_div.onclick="
test2()"
my_div.style.margintop="
68px"
my_div.style.width="
500px"
my_div.style.height="
32px"
my_div.style.backgroundcolor="
pink"
document.getelementbyid(div1).appendchild(my_div);
//超链接1my_href1=document.createelement("
a"
//超链接1属性my_href1.id="
mf1"
my_href1.href="
#"
my_href1.style.marginleft="
330px"
my_href1.innertext="
上一页"
//超链接2my_href2=document.createelement("
//超链接2属性my_href2.id="
mf2"
my_href2.href="
my_href2.style.marginleft="
20px"
my_href2.innertext="
下一页"
//添加到div2中去flag1=document.getelementbyid(div2).appendchild(my_href1);
flag2=document.getelementbyid(div2).appendchild(my_href2);
addevent();
functionaddevent()
//点击上一页if(flag1){varet1=document.getelementbyid("
et1.onclick=function(){if(temp2>
0){temp2-=1;
for(vari=0;
i for(varcount=0;
count //
myRow.insertcell(j).innertext=mytable.rows[i+temp1].cells[j].innertext;
}}}//表示创建一个my_new_table之后,将mytable.rows[i+temp1].cells[j].innertext指向原来表格的下面10行数据头部temp1+=10;
document.getelementbyid(div1).appendchild(my_new_table);
}}
//其余的功能实现起来也就简单了。
。
国家
省或者市
第一页
上一页
下一页
最后一页
-->
篇三:
实验三+用html表格进行网页排版
淮海工学院计算机工程学院
实验报告书
课程名:
《web应用开发技术》
题目:
实验三html表格进行网页排版班级:
学号:
姓名:
实验三用html表格进行网页排版
一实验目的
掌握html文档的结构;
掌握常用的有关文本的标记及其属性;
掌握img标记及指定src属性的方法;
熟悉w3chtmlValidator进行网页合法性验证的一般方法。
二实验内容和要求实验内容:
1.创建名为ex3的文件夹,在该文件夹里面创建一个网页文件sales.html,网页的标题为“acme
公司20xx年销售输入”,使用html4transitional文档类型声明,使用合适的表格标记及属性显示acme公司20xx的5种产品4个季度的销售额。
显示效果如下(单元格数据为随机值):
2.使用表格对教材64页图2-26的表单使用表格进行布局,保存为profile.html。
3.使用w3c在线html验证工具验证上述文档的合法性,修改验证结果中出现的错误。
实验要求:
(1)需要每个同学独立完成所有的实验步骤,
(2)要求使用label标记对相关的表单元素进行说明,即:
label(3)下课之前将实验报告的电子文档提交至教学平台。
三实验步骤第一题:
acme公司20xx年销售输入
产品/季度一季度二季度三季度四季度
helix200005654545654334543
x-super3234534655434534534
compact2x23432478765343443543
minixooper786754656763443354366第二题:
html
public
"
-//w3c//dtd
xhtml
//www.w3.org/tR/xhtml1/dtd/xhtml1-transitional.dtd"
表单
请正确填写您的个人信息,以方便我们及时与您联系!
!
formid="
form1"
name="
method="
post"
姓名:
密码:
transitional//en"
1.0
确认密码:
性别:
男女
年龄:
0-17岁
18-35岁36-50岁50岁以上
最喜爱的语言:
cssjavascript
最高学历:
博士
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 表格 打印