精华内容
下载资源
问答
  • HTML代码: <table> <thead> <tr> <th align = "left" colspan = "5"><font size = 4 color = "Red">用于定义数据类型的关键字</font></th>...

    HTML代码:

    <table>
    	   <thead>
    	          <tr>
    			      <th align = "left" colspan = "5"><font size = 4 color = "Red">用于定义数据类型的关键字</font></th>
    		      </tr>
    	   </thead>
    	   <tbody>
    			   <tr>
    					<td>class</td>
    					<td>interface</td>
    					<td>enum</td>
    					<td>byte</td>
    					<td>short</td>	
    				</tr>
    				<tr>
    					<td>int</td>
    					<td>long</td>
    					<td><font size = 6 color = "FF00FF">float</font></td>
    					<td>double</td>
    					<td>char</td>	
    				</tr>
    				<tr>
    				    <td>boolean</td>
    				    <td>void</td>
    				    <td bgcolor = "FF0000"></td>
    				    <td></td>
    				    <td></td>	
    				</tr>		
    	    </tbody>
    	     <thead>
    		        <tr>
    				    <th align = "center" colspan = "5"><font size = 6 color = "Blue">用于定义流程控制的关键字</font></th>
    			    </tr>
    	    </thead>
    	    <tbody>
    				<tr>
    					<td>if</td>
    					<td>else</td>
    					<td>switch</td>
    					<td>case</td>
    					<td>default</td>	
    				</tr>
    				<tr>
    					<td>while</td>
    					<td>do</td>
    					<td>for</td>
    					<td>break</td>
    					<td>continue</td>	
    				</tr>
    				<tr>
    					<td>return</td>
    					<td></td>
    					<td></td>
    					<td></td>
    					<td></td>	
    				</tr>		
    		</tbody>
    		<thead>
    			    <tr>
    				    <th align = "right" colspan = "5"><font size = 4 color = "Green">用于定义访问权限修饰符的关键字</font></th>
    				</tr>
    	    </thead>
    		<tbody>
    			    <tr>
    					<td>private</td>
    					<td>protected</td>
    					<td colspan = "2" bgcolor = "00FFFF">public</td>
    					<td></td>
    				</tr>
    		</tbody>
    		<thead>
    				<tr>
    					<th align = "left" colspan = "5"><font size = 4 color = "9F5F9F">用于定义类与类之间关系的关键字</font></th>
    				</tr>
    		</thead>
    		<tbody>
    				<tr>
    					<td colspan = "2">extends</td>
    					<td>implements</td>
    					<td></td>
    					<td></td>
    				</tr>
    				<tr>
    					<td bgcolor = "Pink" rowspan = "2">合并两行</td>
    					<td>2</td>
    					<td>3</td>
    					<td>4</td>
    					<td>5</td>
    				<tr>
    					<td>2</td>
    					<td>3</td>
    					<td>4</td>
    					<td>5</td>
    				</tr>
    		</tbody>
    </table>
    

    显示效果:

    用于定义数据类型的关键字
    classinterfaceenumbyteshort
    intlongfloatdoublechar
    booleanvoid
    用于定义流程控制的关键字
    ifelseswitchcasedefault
    whiledoforbreakcontinue
    return
    用于定义访问权限修饰符的关键字
    privateprotectedpublic
    用于定义类与类之间关系的关键字
    extendsimplements
    合并两行2345
    2345

    结合显示效果对比代码,就可以知道每种效果的写法。

    对齐方式:

    • left 左对齐内容。
    • right 右对齐内容。
    • center 居中对齐内容。

    合并单元格:

    • rowspan 合并行
    • colspan 合并列

    字体font:

    • size 大小
    • color 字体颜色
    • bgcolor 单元格背景色

    通过十六进制(Hex)的颜色值排序:

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • Html制作漂亮表格

    万次阅读 2018-11-13 00:29:10
    Html制作漂亮表格

    分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

    也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

                   
    <html><head><style type="text/css">#customers  {  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  width:100%border-collapse:collapse;  }#customers td, #customers th   {  font-size:1emborder:1px solid #98bf21padding:3px 7px 2px 7px;  }#customers th   {  font-size:1.1emtext-align:left;  padding-top:5pxpadding-bottom:4pxbackground-color:#A7C942color:#ffffff;  }#customers tr.alt td   {  color:#000000background-color:#EAF2D3;  }</style></head><body><table id="customers"><tr><th>Company</th><th>Contact</th><th>Country</th></tr><tr><td>Apple</td><td>Steven Jobs</td><td>USA</td></tr><tr class="alt"><td>Baidu</td><td>Li YanHong</td><td>China</td></tr><tr><td>Google</td><td>Larry Page</td><td>USA</td></tr><tr class="alt"><td>Lenovo</td><td>Liu Chuanzhi</td><td>China</td></tr><tr><td>Microsoft</td><td>Bill Gates</td><td>USA</td></tr><tr class="alt"><td>Nokia</td><td>Stephen Elop</td><td>Finland</td></tr></table></body></html>

               

    给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

    这里写图片描述
    展开全文
  • <title>jQuery添加表格隔行换色 <thead> 序号 登录帐号 人员姓名 登录时间 </tr> </thead> <td class="borderstyle">1 <td class="borderstyle">zhangsan 张三 ...

    第一次用jQuery,希望自己能越做越好,新人拿走,老鸟无视

     

    试题:

    代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
    .even
    { background:#F8FBFE;} 
    
    .odd
    { background:#EEF0F7;} 
    
    .borderstyle
    {
    	border-bottom: 1px solid #FFF;
    	border-left: 1px solid #FFF;
    	font-size: 12px;
    	line-height: 180%;
    	font-family: Arial, Helvetica, sans-serif;
    }
    
    .tbfont
    { text-align:center;
      font-size:100%;
      font-weight:normal}
    
    </style>
    <SCRIPT type=text/javascript src="../css/jquery-1.8.2.js"></SCRIPT>
    <script type="text/javascript">
    $(function(){
    	$("#search tbody > tr:odd").addClass("odd");
    	$("#search tbody > tr:even").addClass("even");
    })
    </script>
    <title>jQuery添加表格隔行换色</title>
    </head>
    <body>
            <table id="search" cellspacing="0" cellpadding="0" width="700" align="center" border="0" class="tbfont">
            		<thead>			
                    <tr bgcolor="#CAE8EA">
                          <td width="76" height="25" class="borderstyle">序号</td>
                          <td width="201" height="25" class="borderstyle">登录帐号</td>
                          <td width="203" height="25" class="borderstyle">人员姓名</td>
                          <td width="214" height="25" class="borderstyle">登录时间</td>
                        </tr>    
                    </thead>         
                     <tbody>
                      <tr class="borderstyle">
                        <td class="borderstyle">1</td>
                        <td class="borderstyle">zhangsan</td>
                        <td class="borderstyle">张三</td>
                        <td class="borderstyle">2012-10-26 09:23:56 </td>
                      </tr>
                      <tr>
                        <td class="borderstyle">2</td>
                        <td class="borderstyle">lisi</td>
                        <td class="borderstyle">李四</td>
                        <td class="borderstyle">2012-10-26 09:23:56</td>
                      </tr>
                      <tr>
                        <td class="borderstyle">3</td>
                        <td class="borderstyle">wangwu</td>
                        <td class="borderstyle">王五</td>
                        <td class="borderstyle">2012-10-26 09:23:56 </td>
                      </tr>
                                        <tr>
                        <td class="borderstyle">4</td>
                        <td class="borderstyle">zhaoliu</td>
                        <td class="borderstyle">赵六</td>
                        <td class="borderstyle">2012-10-26 09:23:56 </td>
                      </tr>
                       <tr>
                        <td class="borderstyle">5</td>
                        <td class="borderstyle">chengqi</td>
                        <td class="borderstyle">陈七</td>
                        <td class="borderstyle">2012-10-26 09:23:56 </td>
                      </tr>
                       <tr>
                        <td class="borderstyle">6</td>
                        <td class="borderstyle">liuba</td>
                        <td class="borderstyle">刘八</td>
                        <td class="borderstyle">2012-10-26 09:23:56 </td>
                      </tr>
                      </tbody>
                    </table>
    </body>
    </html>
    



     

    展开全文
  • 原标题:小学信息技术《制作表格》教案一、教学目标【知识与技能】1.掌握在word中创建表格的方法。2.了解表格中的合并单元格、拆分单元格、行高、列宽这些基本概念。3.掌握合并单元格、拆分单元格、调整行高、列宽的...

    原标题:小学信息技术《制作表格》教案

    一、教学目标

    【知识与技能】

    1.掌握在word中创建表格的方法。

    2.了解表格中的合并单元格、拆分单元格、行高、列宽这些基本概念。

    3.掌握合并单元格、拆分单元格、调整行高、列宽的操作步骤。

    【过程与方法】

    1.通过观察老师的示范演示的过程,能熟练掌握建立表格的步骤,提升观察分析问题的能力;

    2.通过自主探究过程,能熟练掌握编辑表格的方法,提升学员动手能力、思维能力、观察能力。

    【情感态度与价值观】

    1.通过学生对表格的创建与编辑,激发学生对美的追求。

    2.通过认真观察分析后自己动手操作的过程,培养学生科学严谨的认知态度。

    3.通过作品展示,增强学生自信心,增强学生对信息技术课程的兴趣。

    二、教学重难点

    【重点】

    在word中建立表格,选中单元格、合并单元格,调整行高、列宽。

    【难点】

    选中单元格、合并单元格。

    三、教学过程

    环节一:导入新课

    课文《制作表格》主要是在word中制作表格,内容简单,但是流程较多,因此为了课堂整体性,可采用任务驱动法导入。为后面教学的语言具体,课程整体性强做好铺垫。

    【教师】同学们,植物园正在栽培一些植物,为了植物健康的成长,园方要求工作人员在每次工作之后要进行记录。大家看这就是工作人员的记录。你们看到了什么?

    【学生】植物的名称和生长情况;记录员的姓名;还有记录的日期……

    【教师】同学们说的非常对,我们的工作人员非常认真负责,但是我们看这些记录写在word中显得特别的杂乱无章,那么应该如何整理这些记录才能既方便工作人员的记录也方便我们的观看呢?

    【学生】可以把这些信息整理成整齐的一列一列的。

    【教师】同学们想的非常好,整齐的列或行,其实就是利用表格的形式,那么怎么在word中制作表格呢?又应该怎么把相关的信息和格式调整的美观,方便记录方便管理呢?我们今天就来学习如何帮助他们制作一个表格吧。

    环节二:新课讲授

    1.观察探索表格插入表格方式

    【教师】请学生观察教材中已有表格有几行几列?

    cf138630e59fdc91eea160b389b38bc4.png

    【学生观察】观察结果:8行5列,但是第一行只有1列

    【教师】那么如何在在word中建立一个这样的表格?同学们看菜单,猜想可能在哪个菜单下?

    【学生探索】菜单中找:表格→插入→表格→输入行数、列数

    2.根据教材探究合并单元格方式、选定单元格的方式

    【教师】教材中表格第一行只有一列,是由多个小格子合成了一个大格子,引出单元格、合并单元格、拆分单元格概念、输入文字的操作方法。

    【教师】请结合教材探究,合并单元格的操作步骤是什么?

    【学生】选中需要合并的单元格→单击右键→合并单元格。

    【教师】老师演示选定一个或多个单元格的方式,请学生总结步骤。

    【学生总结】把鼠标移到要合并的第一个单元格→按住左键向右拖动→到第五个单元格时放开鼠标。

    3.调整行高、列宽的方法及鼠标指针的变化

    【教师】老师演示调整行高和列宽有哪些方法。让学生观察,鼠标指针有什么变化?

    方法一,调整列宽:指针移到第1列与第2列之间的纵向表格,向左或向右拖动鼠标可以调整列宽;

    【学生观察总结】指针变成带有左右箭头的两条竖线:←||→。

    方法二,调整行高、列宽:选中表格→单击右键→表格属性→分别选中行、列选项卡调整;

    【学生观察总结】选中表格时,鼠标指针变成十字箭头。

    环节三:巩固提高

    【教师】让同学们将已经插入的表格,调整为教材上样式的表格,并输入文字,调整表格行高为1厘米,列宽为适当大小(能显示全部文字)。并巡视学生操作,对于有问题的学员及时给予指导。

    【教师总结】挑出学生易错的难点问题:合并单元格不备考,分析错误所在:选择单元格时没能正确选中。展示优秀作品,增强学生信心。

    环节四:小结作业

    1.小结:本节课所学知识点有哪些,重点在于建立表格,难点在于编辑不规则表格。

    2.作业:联系生活实际,找出word制作表格在生活中有哪些实际的应用。

    四、板书设计

    f20dc8a71522a60ea2b428712b0b9237.png

    责任编辑:

    展开全文
  • 小学信息技术试讲《 制作表格 》喜欢就关注收藏我吧,铁树老师。01问好尊敬的各位评委老师,大家好,我是信息技术组1号考生,今天我试讲的题目是《制作表格》。02导入上课,同学们好,请坐。大家都已经知道了吧,...
  • 原标题:成为 PPT 表格制作高手,就是这么简单!还有一个多月 2016 年又要离我们远去了,而每年这个时候都是最忙的,各种工作报告、学习交流小组作业集体涌来,让人焦虑。时间有限的情况下,怎么让你的 PPT 看起来更...
  • 在比较分别使用了文字,表格和图表对同一信息进行了表达的幻灯片比较中,我们可以很明显的知道,使用表格的幻灯片比纯粹使用文字说明的幻灯片更加清晰,其实我们在使用图表的幻灯片则会更加地具有观赏性,数据对比也...
  • 表格制作

    2019-02-01 20:05:39
    表格是由 &lt;table&gt; 标签来定义。每个表格均有若干行(由 &lt;tr&gt; 标签定义),每行被分割为若干单元格(由 &...表格制作可以使用bootstrap来更好的完成使用,使用bootstrap能使表格完...
  • 很多用户在制作统计表时,一般都会用到excel软件,因为excel在制作统计表时更加便捷,不过还有很多excel用户不太清楚制作统计表表格的步骤,那么下面小编就为大家带来excel制作统计表的详细步骤教程,不懂的朋友可以...
  • CSS制作好看的表格

    2011-10-12 15:41:46
    教你在短时间内,用css制作出新颖、独特漂亮的网页表格。使得你的网页表格更加清晰,美观
  • 小学信息技术级轻松做表格Word表格制作PPT课件——Word表格制作 铁东区石岭镇中心校 林涵 学习目标: 一、知识目标:掌握表格的组成及制作表格的 操作步骤。 二、技能目标:学会制作时间表和美化表格。 三、情感目标...
  • 制作列表,表格及表单使用CSS设置各种样式使用有序列表,无序列表,定义列表实现数据展示使用表格实现数据展示制作语义化表单使用CSS3高级选择器为网页元素添加CSS样式使用CSS设置各种样式CSS 的意义有效的传递页面信息...
  • Python实用技巧之速写表格 生活工作中我们经常会做表格,在生活中几乎无处不在,所以我在想有没有快速录入信息的一种程序,研究了一下写了段程序,感觉并不会比传统的快多少(心态崩了呀.*) 全当积累自己的知识和实践...
  • 下面就使用一个实例来讲一下如何使用Bootstrap现成的css样式直接加在我们的table表格上,我们只需要写很少的代码就能轻松制作漂亮表格。 比如我们要制作一个像下面这个表格: 有了Bootstrap,只需写好html内容结构...
  • 前面有朋友问如何做图文并茂的音乐帖子,的确音乐能以表格式做出来,更能让人过目不忘,何况帖子制作过程本身就是创作,包含了制作人对音乐的理解和爱好.以下简单介绍用代码HTML制作表格,希望对大家有所帮助. 等一节:...
  • 做网站开发我们肯定少不了一种最基本的功能,就是搜索框,那么搜索框样式也能让一个网站看起来更加美观上档次。现在我们就教大家一种如何把搜索框做的很美观的方法。效果图:实现这种效果有两种方法:一是整体处理一...
  • 全国创新杯计算机类说课课件:制作Word表格.pptx交流 ...重点难点 教材地位 重应用 说教材 教材地位 教学目标 重点难点 教学目标 1 理解表格的组成和意义 2 熟练掌握表格制作和格式化 3 能做出实用 美观表格 1...
  • CSS控制表格——制作日历

    千次阅读 热门讨论 2015-10-23 21:31:58
    表格是网页上最常见的元素,除了用它来显示数据,还常被用来排版。这一次我们就来学习如何用CSS控制表格。 一.表格中的标记 表格(标记)在最初HTML设计时,仅仅是用来存放各种数据的。 下图是一个没有使用任何...
  • Bootstrap—轻松制作漂亮表格(table)

    万次阅读 2016-12-12 10:17:45
    下面就使用一个实例来讲一下如何使用Bootstrap现成的css样式直接加在我们的table表格上,我们只需要写很少的代码就能轻松制作漂亮表格。 比如我们要制作一个像下面这个表格: 有了Bootstrap,只需写好html...
  • 表格制作百度首页

    2017-09-10 23:16:00
    和一系列的小指令用来制作表格,然后老师布置了制作百度首页的任务,看上去像是很简单结果还是弄了一天的时间,好在最后知道了错误修改的还算美观制作很简单,就是小细节上的东西容易出错,所以刚开始学一定要...
  • 网页表格制作

    千次阅读 2008-03-13 14:05:00
    利用表格来组织网页内容,可以设计出布局合理、结构协调、美观匀称的网页。我们今天要讲的不是表格在控制页面元素的应用,而是表格边框的一些技法。合理的设置表格边框,有时可以得到你意想不到的效果!本文讲述的...
  • 用WPS表格轻松制作美观实用的工资条2分类:计算机等级|更新时间:2016-07-08|来源:转载公式解释:=CHOOSE(MOD(ROW(),3)+1,"",单行表头工资明细!A$1,OFFSET(单行表头工资明细!A$1,ROW()/3+1,))1.CHOOSE函数...
  • 制作列表,表格及表单使用CSS设置各种样式使用有序列表,无序列表,定义列表实现数据展示使用表格实现数据展示制作语义化表单使用CSS3高级选择器为网页元素添加CSS样式 使用CSS设置各种样式 CSS 的意义 有效的传递页面...
  • 1、表格打印前先设置格式记得我刚入职时,主管让我把一份清单打印出来。我打开文档、打印,然后屁颠屁颠的把文档交到他面前。他皱着眉头,咆哮道:“这表格怎么没排版?!这叫人怎么看!至少要有个边框吧,你看这一...
  • 细线表格制作

    2010-11-29 18:26:50
    在从事web网页程序开发时,table是我们常用的html标签,为了页面美观,细线表格是web开发中基础的要求,也不知道当初制定html标准时是怎么想的,明明设置了table的border="1",非要将表格边框实际大小变成了2px,...
  • 精美PPT模板,内含制作完美的图框与表格,可以提高PPT的美观度,下载不后悔
  • bordercolordark= 边框背光部分的颜色,(使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效) 二、边框的制作 1.颜色框: 简单地只要写上边框颜色属性 bordercolor 和边框的厚度属性 border,再写上内...
  • 细线边框表格因为看起来美观清晰,所以在网页制作中应用比较广泛,下面就介绍一下如何制作细线边框表格,具体的操作步骤如下:1、选择“插入”→“表格”菜单命令,打开“表格”对话框。2、设置行数为3、列数为4、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,147
精华内容 3,258
关键字:

如何制作美观的表格