【alpha87.github.io】是一个基于GitHub Pages搭建的个人网站，通常用于展示个人项目、博客或者简历等。这个网站很可能由HTML（超文本标记语言）编写，HTML是构成网页的基础语言，负责定义网页的结构和内容。从压缩包文件名称"alpha87.github.io-master"来看，这可能是该项目的主分支，一般在GitHub上，"master"分支被视为默认的开发分支。
HTML知识点详解：
1. **基本结构**：HTML文档以`<!DOCTYPE html>`开头，声明文档类型，接着是`<html>`元素，它是整个页面的根元素。在`<html>`内部，`<head>`包含元数据（如标题、字符编码等），而`<body>`则包含实际的网页内容。
2. **元素与标签**：HTML由一系列的元素组成，每个元素由开始标签（如`<p>`）和结束标签（如`</p>`）构成，中间是元素的内容。例如，`<p>`用于创建段落。有些元素是自闭合的，如`<img>`，用来插入图像，没有内容，所以只有一个标签。
3. **属性**：HTML标签可以有属性，用来设置更多的信息。比如`<a>`标签用于创建链接，其中的`href`属性定义了链接的目标地址。
4. **文本格式化**：HTML提供了多种标签来格式化文本，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）等。
5. **图像与链接**：`<img>`标签用于插入图像，`src`属性指定图像的URL，`alt`属性提供替代文本。`<a>`标签创建超链接，`href`属性定义链接目标，`target`属性可指定新窗口或当前窗口打开链接。
6. **列表**：HTML支持无序列表`<ul>`和有序列表`<ol>`，以及列表项`<li>`。这些元素常用于组织内容。
7. **表格**：`<table>`元素用于创建表格，`<tr>`表示行，`<th>`为表头单元格，`<td>`为常规数据单元格。
8. **段落与换行**：`<p>`标签定义段落，`<br>`标签用于插入换行。
9. **容器元素**：`<div>`和`<span>`是通用的容器元素，用于组合其他元素并应用CSS样式。
10. **头部元素**：`<title>`定义浏览器标签页上的标题，`<meta>`用于设置元信息，如字符编码（`charset`属性）。
11. **CSS集成**：HTML可以内联样式（通过`style`属性）、内部样式表（`<style>`标签）或外部样式表（`<link>`标签引用CSS文件）来控制页面样式。
12. **响应式设计**：利用媒体查询（`@media`）和弹性布局（Flexbox）或网格布局（CSS Grid），可以创建适应不同设备屏幕的响应式网页。
13. **JavaScript交互**：HTML与JavaScript结合，可以通过事件处理程序（如`onclick`）实现用户交互，动态更新内容或执行复杂的逻辑。
14. **语义化HTML**：现代HTML5引入了许多语义化的标签，如`<header>`、`<nav>`、`<article>`、`<aside>`和`<footer>`，它们帮助搜索引擎理解页面结构，提升可访问性。
15. **Web组件**：HTML5的`<template>`、`<slot>`和`<custom-element>`等特性允许开发者创建自定义的可重用组件。
通过深入学习和实践以上HTML知识点，可以构建功能丰富的静态网页。对于`alpha87.github.io`这样的项目，你可能还会涉及GitHub的工作流程，如提交、拉取请求、分支管理和版本控制等。同时，为了增强交互性和视觉效果，还可能需要用到JavaScript和CSS，甚至是框架如Bootstrap或Vue.js。
