HTML表格基础教程:创建与美化

需积分: 10 2 下载量 69 浏览量 更新于2024-07-28 收藏 4.86MB PPT 举报
"HTML学习教程002(北大青鸟)主要涵盖了HTML中表格的基础知识,包括表格的构成、基本语法、边框设置、创建方法,以及跨行跨列的实现。" 在HTML中,表格是一种重要的布局工具,常用于展示数据和组织网页内容。在北大青鸟的HTML学习教程002中,主要讲解了以下几个知识点: 1. **表格基础**:HTML表格由行(<TR>)和列(<TD>或<TH>)组成,每个单元格(<TD>)包含具体的内容。表格的基本结构是<TABLE>标签开始,以</TABLE>结束,每行由<TR>定义,每个单元格由<TD>或<TH>定义。 2. **HTML标签的大小写规则**:HTML标签不区分大小写,但为了代码规范,通常建议使用小写。 3. **页面链接**:在HTML中,有四种类型的链接:内部链接(链接到同一网站内的其他页面)、外部链接(链接到其他网站)、锚点链接(在同一页面内跳转)和邮件链接(启动邮件客户端)。链接的基本格式是:<A href="链接地址">链接文本</A>。 4. **超链接的基本格式**:超链接由<A>标签包裹,href属性定义链接地址,链接文本则放在标签之间。 5. **预习检查**:表格由行和列组成,创建一个基本表格需要<TABLE>、<TR>和<TD>标签。 6. **本章任务**:通过制作“宝贝分类”和“公告栏”页面,学习者将实践创建和美化表格,包括简单的表格结构以及复杂的跨行、跨列表格。 7. **表格应用场合**:表格广泛应用于论坛、门户网站和购物网站,用于数据展示、分类和布局。 8. **表格的基本语法**:<TABLE border="数值">定义一个具有指定边框宽度的表格,<TR>定义表格行,<TD>定义表格单元格。 9. **创建表格**:通过<TABLE>标签设定表格,<TR>定义行,<TD>定义列,并通过内容填充单元格。 10. **跨行跨列**:使用<TD>的COLSPAN属性可以实现跨列,如<TD colspan="n">表示单元格跨n列;ROWSPAN属性用于跨行,如<TD rowspan="n">表示单元格跨n行。 11. **示例**:跨多列的表格示例中,<TD colspan="3">表示一个单元格跨越三列;跨多行的表格示例中,<TD rowspan="n">表示一个单元格跨越n行。 通过这些知识点的学习,读者将能够理解和掌握HTML中表格的基本使用,从而更好地构建和设计网页内容。