【HTML基础】
HTML（HyperText Markup Language）是构建网页的标准标记语言，它定义了网页的结构和内容。"训练营8g"可能是一个针对HTML初学者或进阶者的在线学习资源，旨在深入理解并掌握HTML的核心概念。通过这个训练营，学员可以学习到以下HTML知识点：
1. **HTML元素**：HTML由一系列元素组成，每个元素都有自己的属性和内容，如`<html>`, `<head>`, `<body>`, `<h1>`等，它们构成了网页的基本框架。
2. **文档类型声明**：`<!DOCTYPE html>`是HTML5文档的开头，用来告诉浏览器文档使用的HTML版本。
3. **头部元素**：`<head>`包含元信息，如字符集设置`<meta charset="UTF-8">`，以及页面标题`<title>`，影响浏览器的标签页显示。
4. **主体元素**：`<body>`包含了网页可见的内容，如段落`<p>`、标题`<h1>`到`<h6>`、图像`<img>`、链接`<a>`等。
5. **结构化元素**：如`<div>`用于分组内容，`<header>`、`<footer>`、`<nav>`和`<article>`用于创建网页的逻辑结构。
6. **表单元素**：HTML表单用于用户输入数据，如`<form>`, `<input>`, `<select>`, `<textarea>`等，常用于数据提交。
7. **列表**：`<ul>`和`<ol>`用于创建无序和有序列表，`<li>`则用于定义列表项。
8. **样式控制**：虽然HTML主要负责结构，但也可以使用`<style>`标签内联定义CSS样式，或者通过`<link>`引入外部样式表。
【HTML与CSS结合】
在“训练营8g”中，学员也会接触到如何用CSS（Cascading Style Sheets）来美化HTML元素。CSS允许开发者控制颜色、字体、布局和响应式设计等视觉效果：
1. **选择器**：CSS通过选择器如元素选择器（`p`）、类选择器（`.class`)、ID选择器（`#id`）来定位HTML元素。
2. **属性与值**：如`color`、`background-color`、`font-size`等，定义元素的样式属性，并赋予相应的值。
3. **盒模型**：理解CSS的盒模型对于布局至关重要，包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。
4. **定位**：`position`属性（static, relative, absolute, fixed）用于元素的定位，`float`和`clear`也常用于流式布局。
5. **响应式设计**：使用媒体查询(`media queries`)实现不同设备屏幕尺寸下的样式调整，以适应移动设备和平板电脑。
6. **CSS预处理器**：如Sass和Less，它们扩展了CSS，增加了变量、嵌套规则、混合(mixins)等功能，提高代码可维护性。
【HTML5新特性】
HTML5带来了许多新功能，提升网页交互性和功能：
1. **语义化元素**：例如`<section>`, `<aside>`, `<article>`等，加强了网页内容的结构性。
2. **离线存储**：`Application Cache`或`Service Worker`技术让网页可以在离线状态下继续运行。
3. **拖放功能**：`draggable`属性和`dropzone`属性支持用户在网页上拖放元素。
4. **多媒体元素**：`<audio>`和`<video>`元素可以直接在网页中播放音频和视频，且支持多种源。
5. **Canvas与SVG**：`<canvas>`用于动态图形，SVG（Scalable Vector Graphics）则提供了矢量图形的支持。
6. **Web存储**：`localStorage`和`sessionStorage`提供本地数据存储，增强用户体验。
7. **Web Workers**：在后台线程处理任务，提高复杂应用的性能。
通过"训练营8g"的学习，学员将能够创建功能丰富的、响应式的、符合现代标准的网页，同时理解HTML与CSS如何协同工作，提升网页设计和开发能力。
