什麼是HTML文檔,我發的CSS、JS源碼如何加載?
如果你用過word 文檔,或者寫過 ppt,哪怕你隻用過記事本,學會這一章,沒有絲毫壓力。
這兩個檔案大家應該非常熟悉吧!不熟悉的話我來解釋一下,第一個是word 文檔,用來編輯文章或包裝個人履歷;第二個是ppt 用于産品示範或工作講解。
大家可以看到下方兩個迷人的圈圈,被圈住的英文區域稱之為“ 字尾 ”,如果你的文檔下沒有這個字尾,那我教你弄出來。
我大膽的猜測一下,大家的電腦應該都是win10 作業系統了。因為我的電腦是win10,是以我隻能為大家示範win10 。其它作業系統可以在下方留言或者私信本人。
首先:打開“ 此電腦 ”,點選左上角的“ 檢視 ”
把這裡的檔案擴充名打上對勾,如下:
在桌面上右擊空白區域,建立一個文本文檔
把字尾名“ .txt ”改為“ .html ”,像這樣:
單擊确定之後,這個文檔的圖示就會發生改變
圖示不一樣沒關系,這個不影響接下來的學習。
如果你能進行到這一步,那你一定是智慧與美貌并存,你離成功就隻差1cm了,follow me!
記錄下此時的我!我猜我會越來越好(加油吧)。
好的,讓我們回歸正題!
看下面這篇文章: 把頁面往下拉一拉,拉到适當的位置,比如這裡: 登入後點選複制
接下來打開這個連結,讓我們去複制一段代碼 |
“ 這個連結 ” |
複制成功以後回到這裡,讓我們繼續
按 1 、2 、3 做相應操作:
1.右鍵html文檔,
2.選擇打開方式,
3.選擇記事本
把複制好的代碼粘貼進去,像下面這樣: |
Ctrl V 有沒有不會的? |
不會就 Ctrl V 一下😊
大概是180行代碼,編碼是“ utf-8 ”,
如果文檔複制的完整,資料是一模一樣的。
如果編碼不一樣就不一樣吧!這些都無所謂的,代碼少了可就什麼都沒了。
單擊文檔左上角“ 檔案 ”,點選“ 儲存 ”。
傳回桌面後,最後三步: |
聰明的你會這樣操作:
右鍵單擊html文檔,選擇打開方式,
在花花綠綠的選項中巧妙的避開 “ IE ” 浏覽器和 “ 記事本 ”,
選擇常見的浏覽器,比如:谷歌、火狐、歐朋、搜狗、360等等,我們任選其一