演示网站：gofly.v1kf.com
-----------
【视频原文案】：
现在给大家介绍一下网站上的页面到底是什么。对于我们很多的普通用户来说，他可能不知道一个网站一个页面到底是什么东西。我们来从最基本的开始：如果想新建一个页面，他其实是你右键在你的文档里新建一个文本文档。那你的这个文本文档随便取个名字，它的后缀是txt。我们把它的后缀改成html。这样创建的一个它就是一个页面。然后我们用记事本打开，用记事本打开什么都没有，是吧？什么都没有，随便填点东西然后保存。保存的时候一定要看一下右下角是不是UTF-8。保存文件都要用UTF-8的编码。所以看右下角是UTF-8，如果不是的话点一下这个文件另存为这个地方编码，看一下是不是ASCII或者是UTF-8。这都不是，应该选这个UTF-8保存。它是有UTF-8就行了。打个中文，如果你不是UTF-8，它有时候会乱码。这个时候它就是一个页面。双击浏览器能打开，是不是？它就是个页面。我们在网站上看到的所有的东西就是看到的这个东西，这个叫HTML页面。
然后里面呢，我们如果想要展示一些内容，那就要写一些东西。那写的东西叫HTML的标签。标签是什么呢？就叫这个东西HTML。那么看这里一个是
，一个是
，一个是
，那这里一个就是一个闭合标签。他两个是中间包着的，就是我们的主要内容。这个就是HTML的标签，是一对存在的一对。然后后面这个是用这个斜杠，然后我们里面如果想展示成一个标题，那个标签呢叫
。
也是个标签，从这边写，它是一个标题。那看一下刷新，是不是很大？因为它是
的这个标题，它的这个权重是最大的，它的这个尺寸也是最大的。这个就是我们的HTML。我们在网站上看到的东西就是这个东西。
然后如果我们哎想要实现一些个特效，网站上不能一个干瘪的一个文字是吧？他有时候会有很多的特效，比如说跳转啊或者是有个图片那动来动去啊，这些都属于特效。那我们需要了解这个东西叫JS。他在这个标签里存在的叫。那这个就是JS的一个标签，标签里边写什么呢？可以写一个随便写一个alert，alert就是警告，警告就是弹出一个提示框。我们刷新一下，是不是弹了个提示框？这个就是JS，我们的JS的一个代码。
这就是一个最基本的一个页面。当然页面上很多时候还会有一个样式，什么是样式？就是给这个文本加一些个它的颜色大小，靠左靠右这些就属于是样式。那个样式呢叫做CSS。叫CSS，在这里面呢需要先写上，用写上标签把它给包起来。写上标签然后里边写样式，样式呢就是h1，这个就是让我们所有的
标签让它怎么样？一个大括号里面写一些样式，写什么color，颜色变成红色。颜色变成红色，刷新一下，这个没有渲染出来。你看一下没有渲染出来，style写错了是吧？style，刷新一下，啊变成红色了。
这个就是我们一个页面的一个基本组成，一个就是HTML，一个是CSS，还有一个是JS。JS哎，我们所有的网站上东西都是由这个东西来组成的。我们随便打开一个网站，比如说这个网站是吧？这个网站怎么看它的页面源代码呢？看右键，右键查看页面源代码，就所有就可以看到它的所有的HTML的源码。那它也是HTML包括的，然后有那个script，script里面就是JS嘛。然后有style，当然它的样式是用一个外链的形式练进来的。我们是写在行内的，这个是无所谓的。你只要只需要知道一个页面上有三个主要组成部分，一个HTML，一个CSS和一个JS就可以了。
-----------
-----------
视频总结：
【🎞 -> 挑重点：该视频核心内容总结：】
1. 页面基础：新建HTML页面
2. HTML标签：定义页面结构
3. JS与CSS：增强页面功能和样式
------------------------
【🛠 -> 该视频在个人和公司的落地应用：】
1. 个人：学会HTML基本标签，快速搭建个人博客或简历页面。
2. 公司：利用JS和CSS提升网站交互性和用户体验，如在线客服弹窗或动态菜单。
3. 场景应用：使用HTML+CSS+JS制作动态网页广告，提高点击率和用户参与度。
