网站页面源码,前端页面的最基本组成形式,网页到底是什么? 网站开发教程...

演示网站: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制作动态网页广告,提高点击率和用户参与度。