博文纲领：
用HTML+CSS+JS设计三个页面
1、首先，我们来看登录页面的代码。登录页面的基本结构需要一个表单，用于输入用户名和密码。这里使用HTML来构建表单，并通过CSS美化页面。JavaScript负责处理表单提交时的逻辑，验证用户输入的凭据是否正确。
2、里面创建了三个文件夹，分别是css，img，js。css存储页面样式，img存储页面图片，js存储页面脚本，html页面文件存储在html文件夹中。根据网站的扩展，目录结构也会有所调整。
3、/html style.css：/* This is an external style sheet */ h1 { color： green；} p { font-size： 18px；text-align： right；} 这段代码中，第一个div使用内联CSS来样式其内容，第二个div使用外部CSS文件来样式其内容，第三个div使用嵌入式样式表来样式其内容。
HTML,Css还有Js分别是什么意思
HTML：是静态网页，该文档本身只有页面结构，可以显示页面内容；CSS：层叠样式表，通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等。
html是基础，css是表态地规范html元素的位置大小颜色等等状态的，而javascript则可以动态地控制html元素。web的主要组成是html+css。js只是辅助实现一些效果所以由此可以看出来，html+css才是主流，从另一方面来说。网站建好之后要进行优化推广，各大搜索引擎是不认识js是什东西的，他们很排斥js。
html、css 和 js 是构成网页的三大基石，分别对应网页的结构、外观和动态功能。就像游戏中的角色，html 是角色的骨架，css 是角色的皮肤，js 则是角色的技能。学习这三者，首先需要掌握基础知识，然后通过实际项目来深化理解。在学习 html 的过程中，需要理解块级元素和行内元素的概念。
CSS就是设置网页上HTML元素属性的语言。Javascript行为（behavior）——控制网页的行为（效果），即“内容应该如何对事件做出反应”Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
HTML、CSS、Javascript在Web开发中的作用
1、HTML，CSS和JavaScript在网页开发中扮演着重要角色，它们之间相互关联，共同构建出动态、美观、功能丰富的网站。HTML被称为网页的骨架，是构建网站的基础结构，就如同建筑的框架，为网页内容提供基本的组织形式。HTML元素，如标签，是构成这个框架的砖石，每一项内容都需要通过这些元素进行定位。
2、JavaScript是一种脚本语言，能够为网页增添交互性和动态效果。它赋予网页以生命力，使用户能与页面进行互动。例如，当用户将鼠标悬停在某个元素上时，可以弹出下拉菜单；或者，当用户点击表格的某一单元格时，表格的背景颜色会发生变化。
3、CSS是用于描述网页外观和格式化的语言。它允许开发者为HTML元素应用样式，包括颜色、字体、大小、间距、动画等。CSS能够使网页的外观更加美观和一致，提升用户体验。CSS可以内嵌在HTML文件中，也可以通过外部链接的方式引入。JavaScript与页面交互 JavaScript是一种脚本语言，用于实现网页的交互功能。
4、综上所述，HTML、CSS和JavaScript是web前端技术的三大核心基础，它们分别从结构、外观和交互三个方面共同构建了网页的基本框架与功能。对于web开发者而言，熟练掌握这三大技术是构建优质网页、实现高效开发的关键所在。