HTML 是什麼?什麼都不會就從網頁設計開始學習!

HTML 是什麼?為什麼學程式碼都會建議從網頁設計開始?

HTML 是什麼?

為什麼叫做 HTML?

HTML 是一種用於建立網頁畫面的標記語言:超文字標記語言(HyperText Markup Language),也就是它是讓瀏覽器(也就是 Google ChromeFirefox 等)可以直接辨識網頁長什麼樣子,並且顯示給大家看

什麼是瀏覽器可以直接辨識呢?

就是當你用 HTML 標籤在文字編輯器(甚至記事本也可以)寫好一張 HTML 網頁格式的檔案,用瀏覽器直接開啟時,就可以直接看到你寫的內容囉!

HTML是什麼
HTML是什麼

網頁三元素:HTML、CSS、Javascript

而瀏覽器能直接辨識的語言,就只有三個: HTMLCSSJavascript,所以這三個就被視為網頁三元素

因此,HTML其實被很多人認為不算是程式設計的一種,因為像是 C#JavaPHP 等其他程式設計語言,都是需要經過編譯之後才能顯示在網頁上面的。

至少目前主流的所有瀏覽器,通通只看得懂網頁三元素,如果你要撰寫其他程式語言再放到網頁瀏覽器呈現的話,就一定要經過編譯轉換成 HTML、CSS、Javascript 之後,網頁才有辦法顯示喔!

其他程式語言需要先編譯
其他程式語言需要先編譯

為什麼學程式碼都會建議從網頁設計開始?

我認為最主要的原因有以下 4 大點:

  1. 快速獲得成就感
  2. 環境設定簡單
  3. 將網頁調整成任何你想要的樣子
  4. 理解邏輯後,再學習其他程式語言更快上手

1. 快速獲得成就感

前面提到了瀏覽器只看得懂網頁三元素,因此你只要在任何文字編輯器當中撰寫好 HTML,並且用瀏覽器開啟,你能用最快速的方式看到成果!

學習任何事物的過程中,快速或階段性獲得成就感是最重要的事情!能讓你擁有想要繼續學下去的最大動力!

2.環境設定簡單

直接用瀏覽器打開只是因為瀏覽器讀得懂,不過它是從你的電腦開啟的單一檔案。

如果是實際上我們要做網頁的測試時,也只要安裝 Apache 的其中一個網頁伺服器軟體(如 XAMPP )即可!

比起其他需要編譯的程式設計軟體很容易光是架設就有一堆問題,網頁設計的環境設定是最為簡單的,只要安裝、啟動,就能完成!

網頁伺服器軟體:XAMPP
網頁伺服器軟體:XAMPP

3. 將網頁調整成任何你想要的樣子

未來我們除了 HTML 之外,熟悉了 CSS、Javascript,你會發現任何網頁的樣式都難不倒你。

當你使用像是 WordPress 架站、或是 WeeblyWix 等平台架站,那些標榜不用寫程式碼就能架好網站的平台,其實都還有不少實質上設計時的限制,自由度有限。

畢竟那些都是模板化的東西,我們使用者是去套他們的模板來使用,能改的幅度就是他們願意釋出讓我們修改的內容而已。

所以當你學會並熟悉網頁三元素之後,更棒的是:只要那些平台或模板有釋出讓你能自訂程式碼的區域,那麼 90% 的修改幅度都是你可以做到的!

4. 理解邏輯後,再學習其他程式語言更快上手

網頁三元素除了直接撰寫標籤語言之外,像是 Javascript 能處理大多數前端的事情,也有許多函數的運用,因此學會網頁三元素的應用及邏輯運用之後,再去改學其他語言,相對會容易上手得多噢!

總結

這篇介紹了 HTML 是什麼,以及簡單介紹網頁三元素,同時讓你了解,如果你什麼都不會的時候想要學習程式碼,建議可以從網頁設計開始學起。

開啟你的程式碼之路,首先就是要不抗拒程式碼、寫起來有成就感,產生興趣之後,就再也不會覺得寫程式好難了!


延伸閱讀:


獺斯特
獺斯特
哈囉!我是獺斯特,擔任前端工程師。希望可以用最簡單的教學方式,教你架設網站、程式設計、網路行銷知識,跟著我一起獺入網路世界吧!

歡迎追蹤獺斯特粉專!

點選下方按鈕追蹤獺斯特 IG,獲得更多架設網站、網路行銷相關知識:

分享這篇文章

發佈留言