HTML 教程

在本实验中，你将通过从零开始创建基本网页来学习 HTML 文档的基本结构。你将理解 DOCTYPE、html、head 和 body 标签的作用。

在这个实验中，你将学习如何使用各种 CSS 属性来设计 HTML 列表，从而创建一个水平导航栏。

在本实验中，你将学习如何使用现代 JavaScript 与 Web API 进行交互。你将使用 `fetch` API 发起 GET 和 POST 请求，处理响应，解析 JSON 数据，在 HTML 中显示数据，实现错误处理，并通过 API 密钥进行认证请求，以构建动态的 Web 应用程序。

在本次实验中，你将通过样式化一个简单的 HTML 元素来学习 Tailwind CSS 的基础知识，这是一个 utility-first 的 CSS 框架。你将添加 CDN，并应用背景颜色、文本颜色、内边距和布局的类。

在本次实验中，你将学习如何通过应用各种 CSS 颜色和背景属性来设置网页元素的样式，包括设置颜色、添加图片以及控制它们的定位和重复。

在这个实验中，你将使用基础的 HTML 标签从零开始构建一个完整的个人网页。你将学习如何构建文档结构、格式化文本、创建列表、添加链接和图片，以及构建表格和表单。

在本实验中，你将学习 JavaScript 事件处理的基础知识，从使用 onclick 属性到 addEventListener 和 event 对象属性等高级技术。

在本实验中，你将学习如何创建不同类型的 HTML 链接，包括外部链接、内部链接以及如何添加工具提示。

在本次实验中，你将学习 CSS 的基础知识，包括如何创建外部样式表并将其链接到 HTML 文档，以更改页面的字体。

在本实验中，你将学习如何使用 HTML 中的无序列表、有序列表和嵌套列表来创建和构建内容。这是组织网页信息的基本技能。

在本实验中，你将学习如何使用 HTML 表格创建和组织数据。你将从零开始构建一个简单的表格，理解 `<table>`、`<tr>`、`<th>` 和 `<td>` 标签的作用。

在本实验中，你将学习如何使用 `<img>` 标签及其核心属性（如 `src`、`alt`、`width` 和 `height`）将图像嵌入到 HTML 文档中。

在本实验中，你将学习如何使用 form、input、label 和 textarea 等各种 HTML 元素来创建和构建网页表单。

在本次实验中，你将学习 HTML 文本格式化的基础知识，包括如何使用标题、段落、粗体、斜体和换行标签来构建和样式化你的网页内容。

在本次实验中，你将学习如何使用各种 CSS 属性来设置 HTML 表格的样式，以提高其可读性和视觉吸引力。

在本实验中，你将学习 JavaScript 的基础知识，包括如何将其直接嵌入 HTML 文件以及如何链接外部 JavaScript 文件。

在本实验中，你将学习 JavaScript DOM 操作的基础知识，包括选择元素、更改内容、设置属性以及创建/追加新元素。

在本项目中，我们将创建一个简单的基于网络的 Markdown 编辑器，它在你输入时提供实时 HTML 预览。使用 Ace Editor、marked 和 highlight.js 等库，你将开发一个直观的编辑器，它不仅允许使用 Markdown 进行编写，还能在不同浏览器会话中保存数据，并在预览中突出显示代码片段。