人工精选《Web前端基础》HTML5+CSS3系列课程
这门课解决什么问题 很多上班族或转行者想学编程，但面对庞杂的技术名词往往无从下手。这门课聚焦于网页制作的核心基础，解决的是“零基础如何把一行行代码变成真实可见的网页”的问题。日常工作中，如果你需要做简单的内部页面排版、调整文章排版结构，或者想为后续学习动态网页开发打地基，这门课就是那个敲门砖。它没有
会员 · 按档位
游客按标价购买，不享受上表折扣。
支付成功后自动发放网盘链接，链接失效可找客服免费补
这门课解决什么问题
很多上班族或转行者想学编程，但面对庞杂的技术名词往往无从下手。这门课聚焦于网页制作的核心基础，解决的是“零基础如何把一行行代码变成真实可见的网页”的问题。日常工作中，如果你需要做简单的内部页面排版、调整文章排版结构，或者想为后续学习动态网页开发打地基，这门课就是那个敲门砖。它没有花哨的框架和库，只讲纯粹的页面骨架与内容组织，帮你理清网页内容是怎么通过标签构建起来的。
适合什么基础与建议学习顺序
这门课对基础的要求极低。如果你平时对电脑操作仅限于办公软件和浏览网页，课程开篇的电脑基础和上网原理科普能帮你平稳过渡。如果你已经懂文件管理和基本网络概念，可以直接跳到标签部分。作为编辑，我建议你先看网页骨架和常用标签这两块。不要急着背代码，重点理解不同标签的语义，比如什么时候该用列表，什么时候该用区块。把基础规范吃透，后面写复杂页面才不会乱套。
学完能做什么与资料配合方法
学完这部分内容，你能独立完成一个纯文本网页的结构搭建。比如做一个带跳转链接的导航页、图文并茂的文章页，或者简单的产品展示列表。虽然页面还不涉及花哨的视觉设计，但你能准确把文字、图片和链接按逻辑排布好，这是所有前端项目的第一步。资料配合练习方面，不要只看不动。每学一个标签，就打开文本编辑器跟着敲一遍，保存后在浏览器里看效果。重点试错：故意漏写闭合标签，或者把标签嵌套写错，观察页面会怎么崩坏。这种手动试错比看十遍视频都管用，能帮你建立对代码的肌肉记忆。
零基础对WEB前端开发感兴趣的朋友；WEB全栈开发人员、拓展知识面和能力的朋友
课程目录
* 01 电脑扫盲-针对电脑操作不熟练的朋友/
* 01 电脑快捷键和文件后缀.mp4 24:57
* 02 上网流程.mp4 27:55
* 03 初识html.mp4 53:12
* 02 前端规范及常用标签/
* 01 前端规范 html介绍 和 基本骨架.mp4 49:39
* 02 meta标签 和 网页标题图标.mp4 21:56
* 03 超链接标签.mp4 41:42
* 04 div和span标签.mp4 16:39
* 03 标签分类与列表标签/
* 01 html中标签分类 和 语法.mp4 58:57
* 02 废弃标签 强调标签 辅助标签 实体字符介绍.mp4 55:45
* 03 无序列表.mp4 10:41
* 04 有序列表..mp4 14:43
* 05 自定义列表.mp4 07:13
* 06 列表嵌套.mp4 10:02
* 07 标签案例讲解.mp4 21:33
* 04 表格 table/
* 01 表格基础一.mp4 48:09
* 02 表格基础二.mp4 28:25
* 03 表格基础三.mp4 15:04
* 04 表格基础4.mp4 28:30
* 05 案例讲解.mp4 18:35
* 05 表单 form/
* 01 表单介绍及初体验.mp4 26:59
* 02 输入框的类型一.mp4 27:19
* 03 输入框类型二.mp4 20:46
* 04 一些属性 label标签 textarea 和 select.mp4 27:52
* 05 GET和POSt区别 控件和表单关联方式.mp4 26:05
* 06 html5新增type类型.mp4 22:08
* 07 案例讲解.mp4 50:09
* 06 CSS引入 与 选择器/
* 01 CSS概述 和 行内的引入方式.mp4 37:22
* 02 嵌入式.mp4 24:34
* 03 链接式和导入式 优先级.mp4 19:39
* 04 基本选择器.mp4 23:21
* 05 高级选择器.mp4 24:46
* 06 动态伪类选择器.mp4 13:52
* 07 选择器优先级.mp4 37:35
* 07 CSS 属性 与 PS 简操/
* 01 文本相关样式.mp4 23:42
* 02 排版相关样式.mp4 14:16
* 03 列表相关样式.mp4 04:16
* 04 列表和表格相关样式.mp4 10:56
* 05 盒子相关属性介绍.mp4 51:26
* 06 FW操作.mp4 09:44
* 07 PS操作.mp4 46:45
* 08 作业练习.mp4 20:34
* 09 综合作业练习.mp4 20:16
* 08 盒模型 与 盒子相关属性/
* 01 盒子模型的引入与分类.mp4 26:50
* 02 怪异盒应用场景.mp4 10:04
* 03 盒子的宽高属性.mp4 12:53
* 04 外边距属性及外边距合并问题.mp4 46:53
* 05 内填充属性.mp4 11:05
* 06 边框属性与应用.mp4 29:10
* 07 盒子的圆角属性.mp4 19:00
* 09 浮动布局/
* 01 浮动实现文字环绕图片效果.mp4 29:28
* 02 浮动实现与清除浮动属性.mp4 42:11
* 03 解决父元素塌陷的问题.mp4 27:13
* 04 浮动元素边距问题.mp4 12:28
* 05 浮动应用演示.mp4 27:40
* 10 雪碧图 与 定位/
* 01 背景常用属性介绍.mp4 49:34
* 02 背景其它属性自学.mp4 45:03
* 03 雪碧图.mp4 30:28
* 04 雪碧图应用.mp4 27:07
* 05 标准雪碧图应用.mp4 25:39
* 06 线性渐变和径向渐变.mp4 28:45
* 07 阴影和文字渐变.mp4 23:02
* 08 定位的介绍.mp4 11:27
* 09 相对定位.mp4 12:45
* 10 绝对定位和案例演示.mp4 24:25
* 11 作业导航栏制作（浮动、定位）.mp4 41:06
* 12 固定定位和案例.mp4 26:45
* 13 粘性定位.mp4 19:53
* 14 综合案例一讲解一.mp4 23:42
* 15 _综合案例一讲解二.mp4 08:16
* 11 页面实战一/
* 01 页面头部.mp4 41:43
* 02 导航与banner部分.mp4 23:54
* 03 中间公司、服务介绍.mp4 36:52
* 04 剩余部分.mp4 52:24
同类课程
和你正在看的这门一个方向
体系课AI大模型开发2026线下版V7.5
永久有效 · 网盘发货
体系课小滴课堂新一代AI全栈工程师-微服务AI智能面试对话平台
永久有效 · 网盘发货
体系课QCon 北京 2026 （4 月）
永久有效 · 网盘发货
体系课AI+全能测试工程师
永久有效 · 网盘发货
体系课小滴课堂中间件项目大课-自动化云测平台/Spingboot3.X/微服务/Kafka3.x
永久有效 · 网盘发货
体系课图灵工控一期：上位机+AI
永久有效 · 网盘发货