Web前端基础知识主要包括以下几个方面：

1. HTML(HyperText Markup Language)：HTML是网页内容的结构和骨架，用来组织网页的内容。学习HTML时需要掌握标签的使用、属性的意义以及语义化的概念。

2. CSS(Cascading Style Sheets)：CSS负责网页的表现，包括颜色、字体、布局等。在学习CSS时需要理解盒模型、选择器、布局方式(如流式布局、响应式布局)、定位方式(如浮动定位、绝对定位、网格布局等)等知识。

3. JavaScript：JavaScript是一种脚本语言，主要负责网页的行为。在学习JavaScript时需要理解变量、数据类型、运算符、流程控制、函数、对象、DOM操作、事件处理等基本概念。同时还需要了解ES6及以上版本的新特性，如let/const、箭头函数、解构赋值、Promise、async/await等。

4. jQuery：jQuery是一个JavaScript库，可以简化DOM操作和事件处理。虽然现在直接使用原生JavaScript的情况越来越多，但理解jQuery的基本用法仍然是必要的。

5. 前端框架：目前主流的前端框架有React、Vue、Angular等。这些框架可以帮助开发者更高效地开发复杂的前端应用。选择其中一个深入学习并掌握其原理和使用方法是非常重要的。

6. 网络基础：理解HTTP协议、请求与响应过程、状态码、跨域问题等网络基础知识对于前端开发也是非常重要的。

7. 工具和环境：熟悉常用的开发工具，如编辑器(VSCode、Sublime Text等)、浏览器开发者工具、版本控制工具(Git)等。同时还需要了解前端开发的工作流程，如模块化开发、构建工具(Webpack、Rollup等)和打包部署等。

8. 性能优化：了解如何进行性能优化，如代码压缩、图片优化、懒加载、预加载、缓存策略等。

以上就是Web前端的基础知识，希望对你有所帮助。