HTML（HyperText Markup Language）和CSS（Cascading Style Sheets）是构建网页的两大核心技术。HTML用于定义网页的结构和内容，而CSS则负责样式设计和布局，让网页看起来更加美观和易读。
HTML基本元素：
1. **文档声明**：`<!DOCTYPE html>` 定义文档类型，告诉浏览器使用哪种HTML版本。
2. **HTML根元素**：`<html>` 是所有HTML代码的容器。
3. **头部元素**：`<head>` 包含元数据，如标题（`<title>`）、字符集（`<meta charset="UTF-8">`）等。
4. **主体元素**：`<body>` 包含网页的实际内容，如文本、图像、链接等。
5. **文本内容**：`<h1>` 至 `<h6>` 代表标题，`<p>` 代表段落，`<em>` 强调，`<strong>` 加粗。
6. **链接**：`<a>` 元素创建超链接，例如 `<a href="http://example.com">访问示例网站</a>`。
7. **图像**：`<img>` 元素插入图像，如 `<img src="image.jpg" alt="描述文字">`。
8. **列表**：`<ul>` 和 `<li>` 创建无序列表，`<ol>` 和 `<li>` 创建有序列表。
9. **表格**：`<table>`、`<tr>`（行）、`<td>`（单元格）和`<th>`（表头）用于创建表格。
10. **表单**：`<form>`、`<input>`（输入框）、`<button>`（按钮）、`<select>`（下拉列表）、`<textarea>`（多行文本输入）用于用户交互。
CSS基础知识：
1. **选择器**：通过标签名、类（`.class`）、ID（`#id`）等选择元素。
2. **属性**：如`color`（颜色）、`font-size`（字体大小）、`background-color`（背景色）等。
3. **值**：属性对应的设置，如颜色可以是`red`、`#FF0000`或`rgb(255, 0, 0)`。
4. **盒模型**：包括`margin`（外边距）、`border`（边框）、`padding`（内边距）和`content`（内容区），影响元素的尺寸和布局。
5. **布局方式**：流式布局、网格布局（CSS Grid）、Flexbox（弹性盒子布局）和绝对定位等。
6. **选择器组合**：如`element element`（后代选择器）、`element > element`（子元素选择器）、`element + element`（相邻兄弟选择器）。
7. **伪类和伪元素**：`:hover`、`:active`、`:focus` 用于元素交互状态，`::before` 和 `::after` 在元素前后插入内容。
8. **响应式设计**：利用`@media`查询根据设备特性调整样式，实现跨平台兼容性。
9. **CSS预处理器**：如Sass、Less和Stylus，提供变量、嵌套规则等功能，简化CSS编写。
10. **CSS框架**：Bootstrap、Foundation等提供现成的样式和组件，加速开发进程。
在"Html-Css-BasicWebsite-main"文件夹中，可能包含了HTML文件和CSS文件，以及可能的图像和其他资源，它们共同构成了一个基础的静态网站。通过编辑这些文件，可以学习和实践HTML和CSS的基本用法，创建具有结构和样式的网页。在实际开发中，还需要结合JavaScript进行交互逻辑处理，以及服务器端技术来处理动态数据和用户请求，但这已经超出了“Html-Css-Basic网站”的范畴。
