XML 课程内容总结

课程信息

• 课程名称: DMT313 XML 设计技术
• 讲师: Ilifarhana Mahtar（厦门大学马来西亚分校）
• 主要内容: 介绍Web技术基础，重点讲解HTML、CSS和XML。

主要内容

1. 网站结构

• 三层结构：
  • 行为层: 由JavaScript（JS）管理
  • 样式层: 通过层叠样式表（CSS）控制
  • 结构层: 使用超文本标记语言（HTML）定义

2. HTML（超文本标记语言）

• 用途: 用于定义网页结构的标记语言，决定网页上的元素如何呈现
• HTML结构：
  • 标准的HTML文档包含head（用于元数据）和body（用于显示的内容）
  • HTML元素使用尖括号（< >）包裹，大多数元素有开标签和闭标签
• 标签（Tags）： 提供指令给浏览器，告知如何显示内容。例如，<p>用于定义段落
• 属性（Attributes）： 为HTML元素提供额外信息，由名称和值组成（如 class="header"）
• 文本格式化：
  • 使用加粗（<b>）、斜体（<i>）、上标（<sup>）和下标（<sub>）进行文本格式化
• 列表：
  • 有序列表（<ol>）和无序列表（<ul>），以及定义列表和嵌套列表

3. CSS（层叠样式表）

• 用途: 控制通过HTML定义的网页元素的视觉呈现和布局
• 主要功能：
  • CSS可以同时应用于多个网页，使网页样式统一
  • 它帮助从HTML中移除内联样式，将样式集中管理
• CSS结构：
  • CSS规则由选择器（用于选择要应用样式的HTML元素）和声明块（包含样式指令）组成
  • 声明使用大括号 { } 包裹，并可以包含颜色、字体、大小等属性
• 将CSS与HTML链接：
  • 外部CSS： 将单独的CSS文件链接到HTML文档中
  • 内部CSS： 在HTML文档中的<style>标签内嵌样式规则
• 层叠和继承： CSS遵循继承规则（某些样式从父元素继承给子元素）和层叠规则（按优先级应用样式）

4. HTML格式化与高级功能

• 空白处理: 在文本中使用上标和下标
• 换行符（<br>）和水平线（<hr>）： 用于内容的结构性或视觉分隔
• 缩写和首字母缩略词（<abbr>和<acronym>）： 格式化特殊文本

5. 额外资源

• 参考资料：
  • Duckett, Jon. HTML and CSS: Design and Build Websites —— 更深入理解HTML和CSS的详尽指南
  • 在线教程和文档: w3schools