【Java Web】001 — HTML快速入门

目录

一、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、表单项标签

①、示例代码

效果：

②、小结