演示網站：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制作動態網頁廣告，提高點擊率和用戶參與度。
