HTML实例:表格标记基础应用

需积分: 23 0 下载量 12 浏览量 更新于2024-08-22 收藏 2.22MB PPT 举报
在第四章关于超文本标记语言HTML的详细讲解中,我们深入探讨了表格标记的简单应用。实例3-12提供了一个HTML代码片段,展示了如何利用HTML创建一个简单的学生成绩表。在这个例子中,HTML文档结构包括`<HTML>`、`<HEAD>`和`<BODY>`三个主要部分。 首先,`<HTML>`标签定义了整个HTML文档的开始和结束,它是所有其他标记的容器。`<HEAD>`部分包含了元数据,如页面标题`<TITLE>`,这里设置了"表格标记"作为网页的标题。 在`<BODY>`部分,我们看到表格的创建。`<TABLE>`标签用于定义表格,其属性`border="1"`设置了边框宽度,`width="360"`指定了表格的宽度,`bordercolor="#000000"`定义了边框颜色。接着,`<CAPTION>`标签用于添加表格的标题,这里是"学生成绩表"。 表格主体部分由`<TR>`(表格行)和`<TD>`(表格单元格)组成。`<TH>`标签用于定义表头单元格,用于显示表头信息,如姓名、课程名称和成绩。每个单元格都使用`align="center"`属性使其内容居中对齐。 这个实例展示了HTML中的表格标记如何组织数据,并通过CSS样式控制外观。学习者可以通过这样的实例理解如何创建和格式化网页中的数据展示,这对于网页开发者来说是非常基础且重要的技能。此外,这个章节还会涉及其他HTML元素的使用,如文字与段落标记、列表、图像、超链接、表单和框架等,以便全面掌握HTML语言的构建和设计网页的能力。