HTML 是什麼?為什麼學程式碼都會建議從網頁設計開始?
目錄
HTML 是什麼?
為什麼叫做 HTML?
HTML 是一種用於建立網頁畫面的標記語言:超文字標記語言(HyperText Markup Language),也就是它是讓瀏覽器(也就是 Google Chrome、Firefox 等)可以直接辨識網頁長什麼樣子,並且顯示給大家看。
什麼是瀏覽器可以直接辨識呢?
就是當你用 HTML 標籤在文字編輯器(甚至記事本也可以)寫好一張 HTML 網頁格式的檔案,用瀏覽器直接開啟時,就可以直接看到你寫的內容囉!
網頁三元素:HTML、CSS、Javascript
而瀏覽器能直接辨識的語言,就只有三個: HTML、CSS、Javascript,所以這三個就被視為網頁三元素。
因此,HTML其實被很多人認為不算是程式設計的一種,因為像是 C#、Java、PHP 等其他程式設計語言,都是需要經過編譯之後才能顯示在網頁上面的。
至少目前主流的所有瀏覽器,通通只看得懂網頁三元素,如果你要撰寫其他程式語言再放到網頁瀏覽器呈現的話,就一定要經過編譯轉換成 HTML、CSS、Javascript 之後,網頁才有辦法顯示喔!
為什麼學程式碼都會建議從網頁設計開始?
我認為最主要的原因有以下 4 大點:
- 快速獲得成就感
- 環境設定簡單
- 將網頁調整成任何你想要的樣子
- 理解邏輯後,再學習其他程式語言更快上手
1. 快速獲得成就感
前面提到了瀏覽器只看得懂網頁三元素,因此你只要在任何文字編輯器當中撰寫好 HTML,並且用瀏覽器開啟,你能用最快速的方式看到成果!
學習任何事物的過程中,快速或階段性獲得成就感是最重要的事情!能讓你擁有想要繼續學下去的最大動力!
2.環境設定簡單
直接用瀏覽器打開只是因為瀏覽器讀得懂,不過它是從你的電腦開啟的單一檔案。
如果是實際上我們要做網頁的測試時,也只要安裝 Apache 的其中一個網頁伺服器軟體(如 XAMPP )即可!
比起其他需要編譯的程式設計軟體很容易光是架設就有一堆問題,網頁設計的環境設定是最為簡單的,只要安裝、啟動,就能完成!
3. 將網頁調整成任何你想要的樣子
未來我們除了 HTML 之外,熟悉了 CSS、Javascript,你會發現任何網頁的樣式都難不倒你。
當你使用像是 WordPress 架站、或是 Weebly、Wix 等平台架站,那些標榜不用寫程式碼就能架好網站的平台,其實都還有不少實質上設計時的限制,自由度有限。
畢竟那些都是模板化的東西,我們使用者是去套他們的模板來使用,能改的幅度就是他們願意釋出讓我們修改的內容而已。
所以當你學會並熟悉網頁三元素之後,更棒的是:只要那些平台或模板有釋出讓你能自訂程式碼的區域,那麼 90% 的修改幅度都是你可以做到的!
4. 理解邏輯後,再學習其他程式語言更快上手
網頁三元素除了直接撰寫標籤語言之外,像是 Javascript 能處理大多數前端的事情,也有許多函數的運用,因此學會網頁三元素的應用及邏輯運用之後,再去改學其他語言,相對會容易上手得多噢!
總結
這篇介紹了 HTML 是什麼,以及簡單介紹網頁三元素,同時讓你了解,如果你什麼都不會的時候想要學習程式碼,建議可以從網頁設計開始學起。
開啟你的程式碼之路,首先就是要不抗拒程式碼、寫起來有成就感,產生興趣之後,就再也不會覺得寫程式好難了!
延伸閱讀:
歡迎追蹤獺斯特粉專!
點選下方按鈕追蹤獺斯特 IG,獲得更多架設網站、網路行銷相關知識: