HTML表格制作与优化攻略.pptVIP

第4章HTML表格10月10日星期日第1页第1页

学习目标掌握表格的制作掌握表格、单元格的常用属性掌握内部样式表的定义，利用内部样式表美化表格第2页/10/10星期日

4.1创建表格表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。字母td指表格数据（tabledata），即数据单元格的内容。数据单元格能够包括文本、图片、列表、段落、表单、水平线、表格等等。第3页/10/10星期日

4.1创建表格例4-1使用table创建表格来显示年春晚节目单。第4页/10/10星期日

4.1创建表格例4-1创建的表格在浏览器中的浏览效果如图所示：第5页/10/10星期日

4.1创建表格很多表格均有边框线，能够通过设置table的“border”属性来设置边框线：“border”属性用来定义边框线的粗细，其值能够为0、1、…，设置边框线后的表格如图所示第6页/10/10星期日

4.2.1为表格添加标题表格普通均有标题，在HTML中表格标题通过caption定义。为例4-1中表格添加标题：第7页/10/10星期日

4.2.1为表格添加标题添加标题后的表格如图所示：第8页/10/10星期日

4.2.2为表格添加表头标签th用于定义表头，表头通常用于列名字。如例4-1中的“序号”、“节目单”、“表演者”都是列名字，