Try   HackMD

網頁到底是什麼

瀏覽網頁到底是什麼?

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

我們先來說一下在瀏覽網頁的時候,到底發生了什麼事?

Created with Raphaël 2.2.0ClientClientServerServerrequest: 給我一個 google 網頁!response: 找到了,給你!(一堆檔案)

當我們說我要瀏覽一個網頁的時候,實際上會從我們的瀏覽器發送一個 request(請求)到 server,然後 server 會去資料庫找出我們想要的網頁檔案傳回來。這就是最簡單的網路。

瀏覽器

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

1993 NCSA Mosaic

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

引用一段 wiki 上對 Mosaic 的描述讓大家感受一下 Mocaic 做了些什麼

它讓使用者透過點選介面在電子訊息世界中暢遊。Mosaic 激勵著使用者將他們的檔案上傳到網路上,包括彩色圖片、聲音片段、影片剪輯,此外超文字形式的『連結』能夠連結到其它檔案。隨著點選連結,這個連結上的檔案就能夠顯示出來,你可以通過這種突發奇想而又直覺的方式在網路世界中穿梭

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Eric Bina (left) and Marc Andreessen (right)

What's the New

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

所以 HTML 到底是什麼?

  • 英文全名是 Hypertext Markup Language 超文本標記語言
  • 是一種語言,會對瀏覽器說明呈現這個網頁所需要的資訊
  • 用的方式是使用各種 Markup(標籤) 進行說明

補充一下動態網頁和靜態網頁

Created with Raphaël 2.2.0ClientClientServerServer某個地方某個地方request: 給我一個 google 網頁!他說要這個網頁。做好了,給你!response: 找到了,給你!(一堆檔案)