【HTML基础与结构】
HTML（HyperText Markup Language）是网页制作的基础语言，用于定义网页的结构和内容。在"esm-206-assignment-4"中，我们可以推测这可能是一个关于HTML学习的作业或者项目，重点在于理解和应用HTML的基本元素。
1. **HTML文档结构**：每个HTML页面都由基本的结构组成，包括`<!DOCTYPE html>`声明、`<html>`元素、`<head>`元素和`<body>`元素。`<head>`通常包含元信息，如标题和CSS链接，而`<body>`则承载实际的网页内容。
2. **元素与标签**：HTML由一系列的元素构成，每个元素都有开始标签（例如`<p>`)、结束标签（例如`</p>`）以及它们之间的内容。例如，`<p>`用于创建段落，`<h1>`到`<h6>`用于创建标题，`<a>`用于创建链接。
3. **属性与值**：HTML标签可以包含属性，用于提供额外的信息。比如`<a>`标签中的`href`属性指定链接的目标地址，`target`属性决定新页面是在当前窗口打开还是新窗口打开。
4. **文本格式化**：HTML提供了多种标签来控制文本的格式，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<strong>`（强调，通常用于表示关键词或重要信息）。
5. **图像插入**：`<img>`标签用于插入图像，其`src`属性定义图片的URL，`alt`属性为图片提供替代文字，这对于访问者理解页面内容非常重要，尤其对于那些无法看到图片的用户。
6. **列表**：HTML支持有序列表`<ol>`和无序列表`<ul>`，以及列表项`<li>`。它们常用于组织信息。
7. **表格**：`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（数据单元格）用于创建表格。表格可以用于展示数据或结构化信息。
8. **链接**：`<a>`标签不仅用于跳转到其他页面，还可以链接到页面内部（通过`id`属性），甚至可以链接到邮箱地址或下载文件。
9. **响应式设计**：现代网页开发重视跨设备兼容性，HTML5引入了`<meta>`标签的`viewport`属性，用于控制在不同屏幕尺寸下的显示效果。
10. **框架集**：虽然不常用，但HTML也支持`<frameset>`和`<frame>`元素创建框架布局，允许页面分割成多个独立显示的部分。
在"esm-206-assignment-4-main"中，学生可能需要实现上述各种HTML元素和结构，以展示他们对HTML语言的理解和应用能力。通过这个项目，他们将深入理解如何构建一个符合标准的、结构清晰的HTML网页，并可能涉及到与CSS的集成，以实现更丰富的样式和布局效果。
esm-206-assignment-4-main.zip （9个子文件） 
esm-206-assignment-4-main 
.DS_Store 6KB
a4_kirsten_hodgson.html 1.06MB
