前端HTML（带动图，便于理解）

前言：

在开始学习之前，先给大家了解到：学习完这个专栏后可以干些什么

所以我用动图给大家演示一下：

我们可以运用HTML和CSS制作如下图所示的特效：

1.按钮

2.卡片

能做的东西太多了，就不继续列举了。

通过上面动图的演示，相信大家对前端产生了一定的兴趣，那么我们来一起学习吧。

个人主页：个人主页

系列专栏：【扬帆起航】HTML CSS

目录

?1.学习需要准备的工具

1.VS Code

2.浏览器

??属于自己的第一个网页

?2.HTML标签学习

??排版系列标签

1.标题标签

2.段落标签

3.水平线标签

4.换行标签

??文本格式化标签

??媒体标签?

1.图片标签

2.路径

3.音频标签?

4.视频标签

5.链接标签?

---

1.学习需要准备的工具

1.VS Code

Download Visual Studio Code - Mac, Linux, Windows

2.浏览器

IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera） 都可以

??属于自己的第一个网页

如图所示：新建一个以HTML结尾的文档，然后打出 **！**然后回车，于是便可以写出HTML的模板。