分享

老师对制作复杂表格的指导

 连山老叟 2014-05-30
<TABLE style="BORDER-BOTTOM-COLOR: rgb(255,255,0); TEXT-ALIGN: left; BORDER-TOP-COLOR: rgb(255,255,0); WIDTH: 800px; HEIGHT: 100px; BORDER-RIGHT-COLOR: rgb(255,255,0); BORDER-LEFT-COLOR: rgb(255,255,0)" border=3 cellSpacing=0 cellPadding=5 bgColor=#eeeeee align=center>
<TBODY>
<TR style="HEIGHT: 40px" align=center 第一行>
<TD colSpan=3>姓        名</TD>
<TD colSpan=4>连  山  老    叟</TD>
<TD colSpan=2>性别</TD>
<TD colSpan=4>男</TD>
<TD style="WIDTH: 140px" rowSpan=4 colSpan=4>照片</TD></TR>
<TR style="HEIGHT: 40px" align=center 第二行>
<TD colSpan=3>出生年月</TD>
<TD colSpan=4>1954年2 月13日</TD>
<TD colSpan=2>政治面貌</TD>
<TD colSpan=4>党员</TD></TR>
<TR style="HEIGHT: 40px" align=center 第三行>
<TD colSpan=3>文化程度</TD>
<TD colSpan=4>大专</TD>
<TD colSpan=2>民族</TD>
<TD colSpan=4>汉族</TD></TR>
<TR style="HEIGHT: 40px" align=center 第四行>
<TD colSpan=3>籍贯</TD>
<TD colSpan=4>陕西省渭南市澄城县</TD>
<TD colSpan=2>出生地</TD>
<TD colSpan=4>陕西省渭南市大荔县</TD></TR>
<TR style="HEIGHT: 40px" align=center 第五行>
<TD colSpan=5>现在住址</TD>
<TD colSpan=12>陕西省渭南市临渭区宏馨家园小区</TD></TR>
<TR style="HEIGHT: 40px" align=center 第六行>
<TD colSpan=5>工作单位</TD>
<TD colSpan=12>陕西省渭南市澄城县退休办</TD></TR>
<TR style="HEIGHT: 100px" align=center 第七行>
<TD colSpan=3 40px; WIDTH:>个<BR>人<BR>主<BR>要<BR>简<BR>历</TD>
<TD colSpan=14>1960年-----1972年上学<BR>1973年----2005年工作<BR>2006年----2008年离岗休养<BR>2009年接触电脑<BR>2012年开始学习代码</TD></TR>
<TR style="HEIGHT: 100px" align=center 第八行>
<TD colSpan=3>主要业绩</TD>
<TD colSpan=14>无</TD></TR>
<TR style="HEIGHT: 100px" align=center 第九行>
<TD colSpan=3>有无违规现象</TD>
<TD colSpan=14>无</TD></TR>
<TR style="HEIGHT: 100px" align=center 第十行>
<TD colSpan=3>备注</TD>
<TD colSpan=14>填写</TD></TR></TBODY></TABLE>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(250,0,0); FONT-SIZE: 30px">制表方法说明:</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">1、在制表之前,需要先确定表格的行数与列数。上面的表格是十行十七列的表格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">2、第一行:各个里面都应用了列合并。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">“姓名”一栏,把三个单元格合并为一个单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">“连山老叟”这一栏,把四个单元格合并为一个单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="FONT-FAMILY: 宋体,SimSun" size=5>“性别”这一栏,把两个单元格合并为一个单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="FONT-FAMILY: 宋体,SimSun" size=5>“性别”这一栏,把两个单元格合并为一个单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">填写“男女”的这一栏,把四个单元格合并为一个单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">“照片”这一栏,应用了行合并与列合并。把四行合并为一行,四列合并为一列。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">3、第二行至第四行,基本上同第一行。从代码中观看,都比第一行少了一个单元格。因为照片的那一栏,是四行合并为一行的单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">4、第五行与第六行,都是把17个单元格都合并为两个单元格。第一个单元格是五列合并为一列的单元格,第二个单元格是十二列合并为一列的单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">5、第七行至第十行,都应用了列合并。把17个单元格都合并为两个单元格。第一个单元格是三列合并为一列的单元格,第二个单元格是十四列合并为一列的单元格。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">6、若想修改整个表格的宽度,就修改表格标签中设置的宽度:800px。若想修改某一栏目的宽度,就修改此栏目所在列标签中“合并列的数目”。若想修改某一行的高度,就修改“行标签”中设置的高度。一行中一个栏目的高度是无法修改的。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">7、各个栏目中文字的字体、大小与颜色的修改,需要添加“文字标签”控制“文字内容”才能够修改。如果不添加文字标签控制“文字内容”,则是采用系统默认的字体、字号与颜色,“文字内容”的显示效果是无法修改的。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em"><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 24px">8、各个栏目中的文字内容,如果要选择“对齐方式”,可在“行标签”中添加对齐方式。如果你使用的浏览器不支持,就添加“有对齐方式的块区标签或者段落标签”来控制“文字标签与文字内容”。</FONT></DIV>
<DIV style="TEXT-INDENT: 2em" align=right><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 32px">“春天没来”编撰</FONT></DIV>
<DIV style="TEXT-INDENT: 2em" align=right><FONT style="LINE-HEIGHT: 1.5em; FONT-FAMILY: 宋体; COLOR: rgb(0,0,0); FONT-SIZE: 30px">2014年5月29日于北京</FONT></DIV>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多