一、什麼是Web？
Web常見的就是網站、網頁，有三種常見形式：超文本、超媒體、超文本傳輸協定。而Web開發就是網站開發，網站由很多的網頁組成，網頁又由一行行的標籤代碼、資料代碼組成。 Web開發就是把這些程式碼寫成瀏覽器能認識的標記，經過瀏覽器接受後一般人能看到的過程。
Web前端主要負責前端瀏覽器展示的效果，Web前端頁面展示的時候是需要動態的資料的，這些資料是後台java程式或C++程式提供的。這種系統架構稱為B/S結構系統（B:Browser瀏覽器，S:Server伺服器）
1. web相關名詞介紹
（1）www就是world wide web的簡稱，我們稱為全球廣域網，又稱萬維網；
（2）web是一種基於http協議的、全球性的、動態的跨平台分散式圖形資訊系統，我們最常見的就是網站服務
（3）網站是由多個網頁組合而成的集合；
（4）網頁就是透過瀏覽器展示，包含圖片、文字、連結、聲音…..等內容的一種html檔案；
（5）網頁在瀏覽器上進行解析與展示；
2. Web應用
所謂的Web應用程式特指我們平常用瀏覽器開啟的一些應用，也就是網站。如微博、朋友圈、知乎等等。 Web應用一定是以「資源組」的形式存在的。
以微博這個網頁應用程式為例，它是有很多的場景組成的，我們所熟知的場景有：
（1）登入註冊場景；
（2）微博瀏覽場景；
（3）發布微博場景；
（4）個人中心頁；
在這些場景中，每個場景一般都有自己的主頁面，一般就是一個HTML頁面資源；在這些場景下是一個個具體的功能區，一般來說場景確定下來之後功能區只有一到兩個，要實現一個功能，就轉變成了要完成一系列動作，如註冊、登入、閱覽，完成一個動作又需要幾個資源相互配合完成，HTML只是內容資料化的一種展示，資源中的資料在我們學習階段主要來自資料庫。
我們先透過資料庫拿到數據，然後透過HTML把拿到的資源標記為結構化的內容，進而形成完整的資源，把幾個資源相互結合就形成了一個功能，幾個功能進行相互拼接、組織就形成了一個完整的Web應用或系統。
3. Web伺服器
有客戶端就必定會有伺服器，因為Web伺服器採用HTTP協議，故我們很多時候又把它叫做HTTP伺服器（HTTP Sever）。例如：Apache,Tomcat,Netty等。
我們的瀏覽器會透過網路和我們的客戶端進行通信，瀏覽器和客戶端都是別人實現好的，我們的任務主要是給客戶端實作一些外掛的素材（又叫做資源），所以，伺服器經過客戶端存取時實際存取的是我們提供的資源，如圖。
瀏覽器和伺服器之間進行通訊時有一套標準，這套標準叫做HTTP協議，全名為（Hyper(超級) Text(文本) Transfer(傳輸) Protocol(協議)）。通訊時瀏覽器發出請求，伺服器給與應答。
4. 資源
資源，我們暫時可以理解成一組文件，而所謂的開發Web應用，就是開發一組資源（表現為一組文件），為了更好的理解，你可以把瀏覽器想像成一個商場，把我們開發Web應用想像成在這個商場開個店，開店前我們需要準備好要賣的物品，這就等於資源。一個瀏覽器裡可以有多個Web應用，而每個Web應用程式又有一系列的資源。我們開發的資源需要經過客戶端才能對外提供服務，用戶代表的是瀏覽器，瀏覽器是直接和Web伺服器對接的，我們會把相應的資源掛靠到Web伺服器上，這樣我們的網頁應用就正式工作起來了。
5. Web標準構成
構成：主要包括結構（ Structure ）、表現（Presentation）和行為（Behavior）三個面向。
（1）結構標準：結構用於整理網頁元素分類，咱們主要學的是HTML。 對於網頁來說最重要的一部分
（2）表現標準：表現用於設定網頁元素的版面、顏色、大小等外觀樣式，主要指的是CSS
（3）行為標準：行為是指網頁模型的定義及互動的編寫，咱們主要學的是JavasSript（JavaScript 是屬於HTML 和Web的程式語言）
理想狀態我們的原始碼： .HTML .css .js
二、HTML基本介紹
1. 基本定義：超文本標記語言，超是超連結；
2. 目前最流行的版本是HTML5.0，W3C組織負責制定html語言的標準；
