上一章是對互聯網，WWW，網站的認識，這一張我們就正式學習HTML。

在正式學習HTML之前，我們先來認識認識Web開發。

可以簡單的理解為我們要修建一個餐廳，前端就是餐廳的外觀，餐廳的布局，以及配置餐廳的服務員和與廚師、老板溝通的交互方式等，需要由前端來做，也就是頁面的展示，頁面和用戶的交互，頁面的效果，

后端就是處理方式，當用戶點菜，做菜等流程就要進行相應的工作，類似于點擊登錄按鈕，然后后端就要處理登錄的邏輯，完成一系列的操作，

一般前端開發的基礎為HTML，CSS，JavaScript，然后有JQuery，讓JavaScript變得簡單，后續還會有Node.js、Vue.js、AngularJS框架。

后端語言比較多，一般常見的有Java，Python，PHP等語言，這些語言用來進行后端開發，同時不同語言也產生了不同的框架，比如Java的Spring家族，Python的Django等框架，

通俗的語言來講，HTML就相當于我們自己餐廳的布局，CSS就相當于定義了餐廳中桌子凳子的大小模樣，這么定義完，網頁還是不夠靈氣，因此使用JavaScript讓整個餐廳更生動，讓大門旋轉，讓里面的燈光進行律動。

我們要進行HTML語言的學習，編寫，必不可少的就是選擇開發工具，目前大多數都在使用VScode，我們這里不多講。

HTML之所以全部大寫是因為它是Hyper Text Markup Language超文本標記語言的縮寫，是一種標記語言

標記語言，也稱置標語言，是一種將文本（Text）以及文本相關的其他信息結合起來，展現出關于文檔結構和數據處理細節的電腦文字編碼。與文本相關的其他信息（包括例如文本的結構和表示信息等）與原來的文本結合在一起，但是使用標記（markup）進行標識。[來自360百科]

我們先認為他就是用一個東西標記我們真正要用的數據，比如x=未知數，我們看見x就知道它代表未知數，當然標記的語法不是這種形式在HTML中，在HTML發展的過程中又出現了XHTML，它和HTML的區別如圖：

這里我們說一下，我們可能會看到HTML和HTML5，HTML5是HTML的新版本，它對HTML進行了改進和優化，同時增加了一些新標簽。具體如圖：

下面我結合一個簡單的例子說明HTML。

首先進行聲明，一個HTML文件大部分都是.html為文件后綴名的文件。它有一些固定的格式：比如如下的代碼，其中我們可以明顯的看出來就是標記，其中title標簽中的title是自己鍵入的，當我們將文件保存為.html文件時，然后打開時(使用瀏覽器，也是默認的方式)，然后title標簽內的文字就會出現在瀏覽器標簽頁標題上。標簽內的元素都會顯示在標簽頁。

以此圖為例，百度一下，你就知道，就是被title標簽標記的，而我們看到搜索框，之類的東西就是用body標簽內的東西，這里我們覺得美觀就是因為里面還有css，JavaScript等的修飾以及圖片的作用結果。我們在chrome瀏覽器中按F12。Elements內就是頁面的源代碼，進行驗證。

因為以下這些代碼基本都是固定的，所以在使用編輯器的時候，我們新建html文件，他會幫我們自動生成，但是需要注意不同的編輯器生成的初始代碼也不同，但是不影響我們寫html。標識這是一個html5語言的html文件。

????

html內容

下面的這個例子比較詳細：

可以設置寬和高，獨占一行