目录

一、Web开发介绍

1、什么是Web？

①、Web网站的工作流程

②、Web开发课程安排

2、初识Web前端

①、Web标准

②、Web前端开发课程安排

③、小结

二、HTML快速入门

1、什么是HTML、CSS？

2、案例练习

3、小结

三、VS Code开发工具

四、基础标签 & 样式（HTML）

1、实现标题--排版

①、示例代码

②、小结

2、实现标题--样式1（新闻标题的颜色）

①、示例代码

②、颜色表示形式

③、小结

3、实现标题--样式2（发布时间的样式）

①、示例代码

②、CSS选择器

③、小结

4、实现标题--超链接

①、示例代码

②、小结

5、实现正文--排版

②、小结

6、实现正文--布局

①、盒子模型

②、示例程序

③、小结

7、表格标签

①、示例代码

②、小结

8、表单标签

①、示例代码

②、小结

9、表单项标签

①、示例代码

②、小结

---

一、Web开发介绍

1、什么是Web？

①、Web网站的工作流程

现在主流的开发模式：

早期开发模式：

②、Web开发课程安排

2、初识Web前端

①、Web标准

②、Web前端开发课程安排

③、小结

二、HTML快速入门

1、什么是HTML、CSS？

2、案例练习

3、小结

三、VS Code开发工具

推荐安装的插件包：

……

更多内容详见文档：

四、基础标签 & 样式（HTML）

1、实现标题--排版

①、示例代码

②、小结

2、实现标题--样式1（新闻标题的颜色）

①、示例代码

CSS：

效果图：

②、颜色表示形式

拾色器插件：（Chrome）这个插件不推荐用噢，商店全是负面评论，如果想要找个取色器插件，推荐使用右边这个：

③、小结

标签不用背，需要哪个就去官方文档中查哪个

3、实现标题--样式2（发布时间的样式）

①、示例代码

效果：

②、CSS选择器

③、小结

4、实现标题--超链接

①、示例代码

效果：

②、小结

5、实现正文--排版

①、示例代码

②、小结

6、实现正文--布局

①、盒子模型

②、示例程序

效果：

③、小结

7、表格标签

①、示例代码

②、小结

8、表单标签

①、示例代码

效果：

检查模式：

②、小结

9、表单项标签

①、示例代码

效果：

②、小结