首页 前端知识 【Java Web】001 -- HTML快速入门

【Java Web】001 -- HTML快速入门

2024-10-17 11:10:11 前端知识 前端哥 418 418 我要收藏

目录

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

①、示例代码

效果:

②、小结

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19119.html
标签
Java Web
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!