這是一篇【介紹文】,而非【教學文】
適用對象:
完全不知道網頁是啥的初學者。
網頁簡單來說就是一個的文字檔,瀏覽器會解析這個的文字檔,然後就變成現在看到的界面。
在瀏覽器按下【F12】就可以看到網頁的原始碼。
網頁可以簡單分成3個部分:html、css、javascript
【html】
說明:網頁主要的內容,是一種標籤語言。
例如:我在網頁原始碼打:
<table>
<tr>
<td>123</td>
<td>456</td>
</tr>
</table>
瀏覽器就會知道這是一個表格,而使用者看起來就會像這樣的一個表格
123 | 456 |
例如:我在網頁原始碼打:
<img src="https://i.imgur.com/p1v4FTX.jpg">
瀏覽器就會知道這是一個圖片,而使用者看起來就會像這樣的一張圖片
【css】
說明:html的樣式。
例如:文字顏色、版面寬度、圖片的大小 等等...
【javascript】
說明:可以在網頁運行的腳本指令。
例如:按鈕點下去後彈出一個對話方塊。
簡單描述一下大致上運作的流程,以巴哈姆特為例:
使用者用瀏覽器訪問一個網頁
↓
巴哈姆特的伺服器收到請求
↓
巴哈伺服器用【後台的資料庫】計算出要給使用者的【網頁原始碼】
↓
使用者的瀏覽器接收到回傳的【網頁原始碼】並做了3件事情:
依照【html】顯示基本的內容。 根據【css】把【html】套上漂亮的樣式。 根據【javascript】瀏覽器就可以知道網頁上需要做的指令是那些。 |
最後便是使用者看到的巴哈姆特網頁
如果還是覺得很難理解沒關係,至少記得下面2句話:
css = 網頁的樣式
javascript = 網頁的指令碼