值不值得学：先把网页骨架搭明白

这门课只解决一件具体的事：让你能从空白文档开始，独立写出一个结构清晰、带样式的静态网页。它覆盖 HTML 结构层和 CSS 表现层，不碰 JavaScript 逻辑，属于前端体系里最底层的那块砖。如果你在工作里偶尔需要改个落地页、调个表单样式，或者做测试时想看懂页面结构，这门课能直接补上缺口。但如果你指望学完就能做动态交互、写复杂业务逻辑，那它做不到，别对它抱有超出范围的期待。

适合什么基础：零起点，但别跳着看

课程对基础的要求是真的低，只要会用电脑、能跟着敲代码就行，不需要编程经验。它面向前端转行的新人，也面向后端、测试岗想补前端短板的人。但"零基础"不等于"能跳着看"——HTML 的标签分类、块级和行内元素的区别这些概念是后面 CSS 布局的前置条件，跳过结构层直接去写样式，大概率会卡在"为什么这个标签不换行"这类细节上。建议按顺序走，每节的代码自己敲一遍，别只看不动手。

资料怎么配合：先抓结构，再练表单和样式

建议先看网页三大组成元素和 DOCTYPE 声明那块，建立整体认知；接着重点啃构造页面必备的 HTML 标签元素，这是后面所有页面的骨架；表格和表单两个重量级元素单独拎出来练，因为表单在实际工作里出现频率极高，面试也常考。CSS 部分放在 HTML 全部标签练完之后再看，这时候你已经能搭出裸页面，加上样式才有成就感。练习时，资料里的代码示例先照抄一遍跑通，再自己改参数看效果变化，最后关掉资料独立写一个相同结构的页面。学完你能独立完成一个包含文本、表格、表单的静态页面，并给它加上基础样式，这就是这门课交付给你的实际能力。


一门零基础入门课程||适合前端、后端、测试人员，必备基础课程||老师将会一步一步带领大家学习HTML、CSS知识进行静态页面的编写掌握html、css的常用标签

课程目录

*   欢迎来到网页世界/

  *   趣谈网页成员及学后水平分析

  *   详细介绍网页三大组成元素和?!DOCTYPE?标签

  *   详细讲解结构层、表现层和行为层

*   页面结构层HTML/

  *   介绍HTML文本结构和head、body的作用

  *   介绍良好习惯之代码注释

  *   非构造页面标签元素介绍

  *   构造页面必备之HTML标签元素介绍(一)

  *   构造页面必备之HTML标签元素介绍(二)

  *   构造页面必备之HTML标签元素介绍(三)

  *   构造页面必备之HTML标签元素介绍(四)

  *   页面常见元素之HTML表格

  *   重量级元素之HTML表单

  *   给标签元素一个命名,让程序更容易找到

  *   行内元素、块级元素和行内块级元素的区别

*   房子装修工程师CSS/

  *   详细讲解盒子模型

  *   关于css选择器的权重计算艺术

  *   讲解css常见样式属性

  *   详细讲解浮动float跟清除浮动

  *   深度讲解css定位position

  *   常见两栏自适应布局讲解

  *   常见水平居中垂直居中实现方式

  *   经典三角形实现方式详解

  *   经典圆形实现方式详解(css3属性border-radius提前了解)

  *   样式写入的常见方式讲解

*   页面实战之搭建自己的第一个静态页面/

  *   分析页面的构造及讲解该如何写一个完整的页面

  *   实战编写静态页面(一)

  *   实战编写静态页面(二)

  *   回顾过去展望将来和搭建自己的学习路线

  *   高级工程师到架构师-解决问题思路+学习方法