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