HTML教程:合并单元格与文档结构

需积分: 0 1 下载量 123 浏览量 更新于2024-08-23 收藏 4.9MB PPT 举报
"网页制作教程-合并单元格(跨列)" 在网页制作中,HTML(超文本标记语言)是创建和构建网页的基础。本教程聚焦于一个特定的HTML属性——`COLSPAN`,它用于合并表格中的单元格,实现跨列的效果。 首先,`<TABLE>`元素用于创建表格,`<CAPTION>`则是定义表格的标题,而`<TH>`代表表头单元格,通常用粗体显示。在示例中,我们看到`<TH COLSPAN = 3>`被用来合并三列,这样"第一学期"和"第二学期"就占据了原本三个单元格的空间,而不是每个学期占据一列。 `COLSPAN`属性是一个非常实用的工具,它的值是一个整数,表示当前单元格将跨越的列数。在上述表格中,`<TH COLSPAN = 3>`意味着"第一学期"和"第二学期"的单元格会跨过两列,因此在接下来的`<TR>`(表格行)中,每个单元格只对应一科成绩,而不再是每学期的每科都有一单独的单元格。 HTML基础知识也包括了文档结构,如`<HTML>`、`<HEAD>`和`<BODY>`标签。`<HTML>`是整个文档的根元素,`<HEAD>`包含文档元信息,如页面标题`<TITLE>`,而`<BODY>`则包含了所有实际可见的内容,如文本、图片和链接。 `<HEAD>`部分不仅用于设置页面标题,还可以包含其他元数据,如字符集声明、样式表引用、脚本链接等。在示例中,`<HEAD>`部分有一个`<TITLE>`标签,定义了浏览器窗口顶部显示的标题。 `<BODY>`部分是网页的主体,包含了用户在浏览器窗口中看到的所有内容。例如,`<H1>`标签用于创建一级标题,`<BGCOLOR>`是一个不推荐但现在仍然可用的属性,用于设置背景颜色,如`<BODYBGCOLOR=“LAVENDER”>`将页面背景设为薰衣草色。 HTML还支持创建超级链接,通过`<A>`标签实现。例如,`<A HREF="url">链接文本</A>`,其中`HREF`属性指定链接的目标URL,"链接文本"是用户点击后显示的文本。 此外,HTML可以用于控制页面外观、发布和检索在线文档、创建在线表单,甚至插入多媒体内容。编辑器如Dreamweaver提供了可视化的界面来帮助开发者编写和预览HTML代码,使得网页设计变得更加直观和高效。 理解并熟练运用HTML中的`COLSPAN`属性以及基本的HTML标签和文档结构是网页制作的关键步骤。这不仅可以提升网页的视觉效果,还能确保内容的有效组织和呈现。