# 網頁到底是什麼 ## 瀏覽網頁到底是什麼? ![Client–server model](https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Client-server-model.svg/2560px-Client-server-model.svg.png) 我們先來說一下在瀏覽網頁的時候,到底發生了什麼事? ```sequence Client->Server: request: 給我一個 google 網頁! Server->Client: response: 找到了,給你!(一堆檔案) ``` 當我們說我要瀏覽一個網頁的時候,實際上會從我們的瀏覽器發送一個 request(請求)到 server,然後 server 會去資料庫找出我們想要的網頁檔案傳回來。這就是最簡單的網路。 # 瀏覽器 ![image alt](https://1.bp.blogspot.com/-ab4RVqekrv8/VbI-mj2Z93I/AAAAAAAAaqY/8IZEsXNfrRM/s1600/cross-browser-support.png) ## 1993 NCSA Mosaic ![image alt](https://regmedia.co.uk/2013/04/29/mosaic_logo.gif?x=442&y=293&crop=1) ![image alt](https://history-computer.com/Internet/images/MosaicForWindows.gif) 引用一段 wiki 上對 Mosaic 的描述讓大家感受一下 Mocaic 做了些什麼 >它讓使用者透過點選介面在電子訊息世界中暢遊。Mosaic 激勵著使用者將他們的檔案上傳到網路上,包括彩色圖片、聲音片段、影片剪輯,此外超文字形式的『連結』能夠連結到其它檔案。隨著點選連結,這個連結上的檔案就能夠顯示出來,你可以通過這種突發奇想而又直覺的方式在網路世界中穿梭 ![image alt](https://history-computer.com/Internet/images/MosaicForMac.gif) ![image alt](https://history-computer.com/Internet/images/Andreesen-and-Bina.jpg) Eric Bina (left) and Marc Andreessen (right) # What's the New ![What's the new](https://images.computerhistory.org/revonline/images/500004873-03-01.jpg?w=600) # 所以 HTML 到底是什麼? - 英文全名是 Hypertext Markup Language 超文本標記語言 - 是一種語言,會對瀏覽器說明呈現這個網頁所需要的資訊 - 用的方式是使用各種 Markup(標籤) 進行說明 # 補充一下動態網頁和靜態網頁 ```sequence Client->Server: request: 給我一個 google 網頁! Server->某個地方:他說要這個網頁。 某個地方->Server:做好了,給你! Server->Client: response: 找到了,給你!(一堆檔案) ```