【案例引入】
在中国航天科工六院有这样一支奋力奔跑的团队，他们抢白天、战夜晚，把一年365天变成了一场贯穿始终的“冲刺”，连续刷新装药生产纪录。他们就是六院红峡公司装药生产主力军、动力先锋团队——2车间。
浇注组是2车间较大的班组之一，但由于担负着各种产品、多座工房的组件装配、浇注、清理、转送等任务，一旦忙起来，人手远达不到要求。装配组也面临着同样的问题。为了挑好这副沉甸甸的担子，大家每天都奔波在各生产现场，有时加班到凌晨，第二天一大早又准时出现在岗位上。
攻坚克难过程中，勇作为、践使命的事层出不穷。党员李占宇、李玉堂是车间生产调度，面对密集的生产计划，两人一上班就开始马不停蹄跑前跑后，从不喊一声苦。在困难面前，共产党员是旗帜、是表率、是力量。他们当中有把设备状况、排产情况、职工思想动态都储存在脑子里的车间主任李建军；有积极主动发掘班组潜能、扩大生产“增量”的组长孟强、青阳；有每天都加班加点，“钉”在生产现场的技术人员麻敏、孙建立……
回望2车间同志们走过的奋斗足迹，那些不眠之夜、那些酷暑严寒、那些心血汗水，都化作完美冲刺后胜利的笑容。笑容的背后是艰辛、是担当、是热爱，是对固体装药事业的无限忠诚！
图4.2.1 攻坚克难的团队
【案例分析】
通过对案例引入与表格标记符、列表标记符、图片标记符、超链接标记符等排版标记符的融合学习，我们可领悟：
1.网页排版标签代码编写除了要严谨外，还要懂得做一件事之前要全局规划，有局部服从整体、个人服从集体的服从意识。
2.学习排版标记符，进行网页排版时，要注意内容适量、疏密有致，适当留白。
【主要知识点】
4.2.1 表格标记符
1）表格的基本结构
在HTML语法中，表格主要通过3个标签来构成：<table>、<tr>、<td>。
基本语法：
2）表格属性
表4.2.1
案例【4.2.1】表格标记符及其属性的应用
效果如图4.2.2所示。
图4.2.2 表格标记符及其属性的应用
3）表格相关标签实现跨行、跨列
案例【4.2.2】表格的跨行、跨列
效果如图4.2.3所示。
图4.2.3 表格的跨行、跨列
4）用表格相关设置进行美化修饰
①width用来设置表格的宽度；
②height用来设置表格的高度；
③border用来设置表格边框尺寸大小；
④bordercolor用来设置表格边框颜色。
案例【4.2.3】表格的美化修饰
效果如图4.2.4所示。
图4.2.4 表格的美化修饰
⑤background属性用来设置表格的背景图片。
⑥bgcolor属性可以用来设置表格、行、列的背景颜色。可以用颜色代码表示，也可以用RGB值来表示。
⑦align属性用来设置表格、行、列的对齐方式。
案例【4.2.4】表格的背景设置
效果如图4.2.5所示。
图4.2.5 表格的背景设置
⑧cellspacing表示表格内框宽度。
⑨cellpadding表示表格内填充距离。
案例【4.2.5】设置表格内框宽度、内填充距离
效果如图4.2.6所示。
图4.2.6 设置表格内框宽度、内填充距离
4.2.2 列表标记符
列表标记包括无序列表与有序列表，在制作网页中经常用到，主要是用于文字排版。(www.daowen.com)
1）无序列表标记<ul></ul>
无序列表就是没有顺序的“项目列表”，列表项前面带有项目符号，包含在无序列表标签<ul></ul>内。其中每一个列表项目都使用<li></li>成对标签来表示，一对<li></li>标签就表示一个项目。结构如下：
在无序列表结构中，使用<ul></ul>成对标签来表示这是一个无序列表的项目的开始与结束，<li>表示一个列表项的开始，</li>则表示一个列表项的结束。在一个无序列表中可以包含很多个列表项目，由<li>标签体现。
案例【4.2.6】无序列表的应用
效果如图4.2.7所示。
图4.2.7 无序列表的应用
type属性表示无序列表前面的符号，主要包括disc（实心圆点）是默认值，circle（空心圆环）、square（空心正方形）这3个符号。
2）有序列表<ol>
有序列表是指有顺序的列表，用<ol></ol>标签表示，里面可以包含很多有顺序的列表项目，也是用<li></li>成对标签体现。与无序列表不同的是它的列表项以自动生成的顺序来展现。
具体结构为：
其中type属性决定有序列表的序号类型。type属性有5个属性值：1，a，A，i，Ⅰ。分别对应表示阿拉伯数字排序、小写英文字母排序、大写英文字母排序、小写罗马数字排序、大写罗马数字排序。
案例【4.2.7】有序列表
效果如图4.2.8所示。
图4.2.8 有序列表
3）自定义列表
自定义列表常用于对术语或名词进行解释和描述，自定义列表的列表项前没有任何项目符号。
语法：
案例【4.2.8】自定义列表
效果如图4.2.9所示。
图4.2.9 自定义列表
4.2.3 图像标记符<IMG>
<IMG>标签用于在HTML文档中插入图像，该标签可以放在要显示图像的位置。<IMG>标签不含任何内容，它使用src属性指定图像源文件所在的路径。
语法：
其中，src参数用来设置图像文件所在的位置，width和height属性用来指定图像的宽度和高度。
alt属性有两个作用：
①在网页中，如果图像没有被下载，在图像位置上出现提示文字；
②如果图像下载完，将光标放在该图像上，在光标旁边出现提示文字。
案例【4.2.9】图像标记符的使用
效果如图4.2.10所示。
图4.2.10 图像标记符的使用
【课程育人】
通过对案例引入与表格标记符、列表标记符、图片标记符、超链接标记符等排版标记符的融合学习，我们可领悟：
1.网页排版标签代码编写除了要严谨外，还要有全局规划，要有局部服从整体、下级服从上级的服从意识。
2.学习排版标记符，制作网页排版，要注意内容适量、疏密有致，有的地方适当留白，就像平时学习一样，紧张时要注意休息，忙不过来时要注意时间调剂，身体是革命的本钱，身体健康，就是为国家做贡献。
3.平时的工作与学习，要做到以集体为重，个人绝对服从集体，做人要有担当、热爱学习和事业，为国家奉献无限忠诚。
【课堂互动】
1.下列哪个标记符不属于表格元素？（ ）。
A . < tab le > … < /ta bl e> B . < td >… < /td >
C.<tr>…</tr> D.<layer>…</layer>
2.图像标记符<IMG>alt属性的作用是（ ）。（多选）
A.用来设置图像文件所在的位置
B.在网页中，如果图像没有被下载，在图像位置上出现提示文字
C.用来指定图像的边框
D.如果图像下载完，将光标放在该图像上，在光标旁边出现提示文字
3.在HTML文档中使用有序列表应使用（ ）标记。
A.<ul> B.<ol> C.<dl> D.<li>
4.下面哪些文件类型，浏览器将提示下载到本地的硬盘上或立即打开？（ ）。
A..zip文件 B..exe文件 C..html文件 D..htm文件
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
