
CSS 布局基础
在此实验中,你将学习 CSS Flexbox 的基础知识,以创建响应式和灵活的网页布局。
CSS

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

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

HTML 图片
在本实验中,你将学习如何使用 `<img>` 标签及其 essential 属性(如 `src`、`alt`、`width` 和 `height`)将图片嵌入到你的 HTML 文档中。
HTML

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

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

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

CSS 盒子模型
在本次实验中,你将学习 CSS 盒子模型的基础知识,包括内容、内边距、边框和外边距,以及如何使用 box-sizing 控制元素尺寸。
CSS

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

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

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

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

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

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

CSS 选择器基础
在本次实验中,你将学习 CSS 选择器的基础知识,包括元素、类、ID、分组和后代选择器,用于为 HTML 元素设置样式。
CSS

JavaScript 数组
在本实验中,你将学习 JavaScript 数组的基础知识,包括如何创建、访问、修改和遍历它们。
JavaScript

React Hooks 状态管理
在本实验中,你将通过构建一个简单的计数器应用,学习使用 `useState` Hook 在 React 中管理组件 state 的基础知识。
React

CSS 文本样式
在此次实验中,你将学习 CSS 文本样式设计的基础知识,包括如何设置文本颜色、字体大小、字体粗细、对齐方式和行高。
CSS