前端三件套是指在网页开发中常用的三种技术：HTML，CSS和JavaScript。它们分别负责网页的结构，样式和交互，是构建网页的基础。

HTML—描述页面结构

HTML 是一种计算机语言，但它不能编程，只能用来标记网页中的内容。HTML通过不同的标签来标记不同的内容、格式、布局等，例如：

• < img > 标签表示一张图片；
• < a > 标签表示一个链接；
• < table > 标签表示一个表格；
• < input > 标签表示一个输入框；
• < p > 标签表示一段文本；
• < strong > 标签表示文本加粗效果；
• < div > 标签表示块级布局。

CSS—美化页面

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

JavaScrip—给页面添加行为

JavaScript 是一种脚本编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等——JavaScript 就在其中。

前端实战基础——个人网站

本人是在Visual Studio Code进行的页面设计，是一个简单的个人网站，功能大致如下：

• 登录页面：能实现正确的用户名和密码进入主页

• 注册页面：能进行个人信息的注册

• 我的主页：有四部分的内容，包含个人简介、我的大学生活、学习内容和学习目标。

• 个人简介：能实现侧边导航内容的跳转

• 我的大学生活：能实现点击图片放大1.1倍

• 学习内容：

• 学习目标：

选取登录页面代码如下：

上面的代码包括了实现登录页面的所有代码，包括html、css、javascript。