目录
一、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、表单项标签
①、示例代码
效果: