在本项目"progate-team-B05.github.io"中，主要涉及的是HTML（HyperText Markup Language）技术的应用，这是用于创建网页的标准标记语言。通过分析压缩包内的文件"progate-team-B05.github.io-main"，我们可以深入探讨HTML的相关知识点。
1. **HTML基本结构**：
HTML文档通常以`<!DOCTYPE html>`开头，声明文档类型，接着是`<html>`标签，它是整个HTML文档的根元素。在`<html>`标签内部，有两个重要的子元素：`<head>`和`<body>`。`<head>`包含元信息，如页面标题，而`<body>`则包含可见的网页内容。
2. **标题标签**：
在`<head>`中，`<title>`标签用于设置网页的标题，显示在浏览器的标签页上。例如：`<title>Progate Team B05 - GitHub Pages</title>`。
3. **文本元素**：
HTML提供一系列标签来格式化文本，如`<h1>`至`<h6>`用于创建不同级别的标题，`<p>`用于段落，`<strong>`用于加粗，`<em>`用于斜体，`<br>`用于换行，`<a>`用于创建链接等。
4. **列表**：
`<ul>`和`<ol>`分别用于无序列表和有序列表，`<li>`则是列表项。例如：
```
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
```
5. **图像**：
`<img>`标签用于插入图像，需要指定`src`属性来指定图片源URL，`alt`属性为图片提供替代文字。例如：
```html
<img src="image.jpg" alt="Sample Image">
```
6. **链接与导航**：
`<a>`标签不仅用于创建文本链接，还可以通过`href`属性指向其他网页、锚点或下载文件。通过`target`属性，可以控制新链接在何处打开，如`_blank`表示在新窗口打开。
7. **表格**：
`<table>`、`<tr>`（表格行）、`<th>`（表头单元格）和`<td>`（数据单元格）用于创建表格。例如：
```
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
```
8. **CSS样式**：
虽然标签中没有明确提及CSS，但HTML常常与CSS结合使用，以实现更丰富的样式和布局。CSS可以内联（在`<style>`标签内）、内部（在`<head>`中的`<style>`标签内）或外部（通过`<link>`标签引入）添加。
9. **响应式设计**：
使用媒体查询（`@media`）和灵活的布局技术，如Flexbox或Grid，可以创建适应不同设备屏幕大小的网页，提高用户体验。
10. **GitHub Pages**：
"progate-team-B05.github.io"这个命名表明项目可能托管在GitHub Pages上，这是一个服务，允许用户免费托管静态网站。用户只需将HTML、CSS和JavaScript文件上传到特定的GitHub仓库，就可以在线访问网站。
以上只是HTML基础知识的一部分，实际项目可能还包括JavaScript交互、DOM操作、模板语言、框架集成等内容。对于深入学习，建议查看W3C的官方文档或参加专门的HTML教程，如Progate（可能与本项目相关）或其他在线课程。
progate-team-B05_github_io-main.zip （2个子文件） 
progate-team-B05.github.io-main 
index.html 3KB
README.md 28B
