HTML與http介紹
阿新 • • 發佈：2021-08-03
目錄
定義了文件的標題
<base> 定義了頁面連結標籤的預設連結地址
<link> 定義了一個文件和外部資源之間的關係
<meta> 定義了 HTML 文件中的元資料
<script> 定義了客戶端的指令碼檔案
<style> 定義了 HTML 文件的樣式檔案
●內容標籤中常用標籤
標籤 描述
<table> 定義一個表格
<tr> 定義了表格中的一行
<td> 定義了表格中某一行的一列
<img> 定義了一個影象
<a> 定義了一個超連結
<p> 定義了一行
<br> 定義了換行
<font> 定義了字型
#二、靜態網頁與動態網頁
##2.1 靜態網頁
在網站設計中，純粹HTML格式的網頁通常被稱為“靜態網頁”，靜態網頁是標準的HTML檔案，它的副檔名是.htm、.html。靜態網頁是網站建設的基礎，早期的網站一般都是由靜態網頁製作的。靜態網頁也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字幕等。這些“動態效果”只是視覺上的，與下面將要介紹的動態網頁是不同的概念
##2.2 動態網頁
1.所謂的動態網頁，是指跟靜態網頁相對的一種網頁程式設計技術。靜態網頁，隨著HTML程式碼的生成，頁面的內容和顯示效果就基本上不會發生變化了——除非是修改頁面程式碼。而動態網頁則不然，頁面程式碼雖然沒有變，但是顯示的內容卻是可以隨著時間、環境或者資料庫操作的結果而發生改變的。動態網頁URL的字尾不是.htm、.html、.shtml、.xml等靜態網頁的常見網頁製作格式，而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式為字尾，並且在動態網頁網址中有一個標誌性的符號——“?”
2.動態網頁是基本的html語法規範與Java、PHP、C#等高階程式設計語言、資料庫程式設計等多種技術的融合，以期實現對網站內容和風格的高效、動態和互動式的管理。因此，從這個意義上來講，凡是結合了HTML以外的高階程式設計語言和資料庫技術進行的網頁程式設計技術生成的網頁都是動態網頁
<table><td bgcolor =#00FFFF><font color = black size=3 >動態網頁語言</td></table>
<p>早期的動態網頁主要採用通用閘道器介面 CGI（Common Gateway Interface）技術，雖然 CGI 技術已經發展成熟而且功能強大， 但由於程式設計困難、效率低下、修改複雜，所以有逐漸被新技術取代的趨勢。<br>
目前常用的動態網頁程式語言如下：<br>
●PHP<br>
即 Hypertext Preprocessor（超文字前處理器），它是當今 Internet上最為火熱的指令碼語言，其語法借鑑了 C、Java、PERL 等語言，但只需要很少的程式設計知識你就能使用 PHP 建立一個真正互動的 Web 站點<br>
●JSP<br>
即 Java Server Pages（Java 伺服器頁面），它是由 Sun Microsystem 公司於 1999 年 6 月推出的新技術，是基於 Java Servlet 以及整個 Java 體系的 Web 開發技術<br>
●Python<br>
是一種面向物件、跨平臺的動態類計算機程式設計語言，最初被設計用於編寫自動化指令碼(shell)，隨著版本的不斷更新和語言新功能的新增，越來越多被用於獨立的大型專案開發<br>
●Ruby<br>
是一種簡單快捷的面向物件（面向物件程式設計）指令碼語言，在 20 世紀 90年代由日本人松本行弘(Yukihiro Matsumoto) 開發，遵守GPL 協議和Ruby License。它的靈感與特性來自於 Perl、Smalltalk、Eiffel、Ada 以及 Lisp 語言</p>
<h1 id="三、http">三、HTTP</h1>
<h2 id="31-http請求流程圖">3.1 HTTP請求流程圖</h2>
<p><img src="https://img2020.cnblogs.com/blog/2387771/202108/2387771-20210803113532019-368882014.png" alt="" loading="lazy"></p>
<h2 id="32-http協議">3.2 HTTP協議</h2>
<p>HTTP協議採用了請求/響應模型。客戶端向伺服器傳送一個請求，請求頭包含請求的方法、URL、協議版本、以及包含請求修飾符、客戶資訊和內容的類似於MIME的訊息結構。伺服器以一個狀態行作為響應，響應的內容包括訊息協議的版本，成功或者錯誤編碼加上伺服器資訊、實體元資訊以及可能的實體內容。<br>
HTTP 已經演化出了很多版本，它們中的大部分都是向下相容的。<br>
1.HTTP/0.9：已過時。只接受GET一種請求方法，沒有在通訊中指定版本號，且不支援請求頭。由於該版本不支援 POST 方法，所以客戶端無法向伺服器傳遞太多資訊。<br>
2.HTTP/1.0：這是第一個在通訊中指定版本號的HTTP協議版本，至今仍被廣泛採用，特別是在代理伺服器中。<br>
3.HTTP/1.1：當前版本。持久連線被預設採用，並能很好地配合代理伺服器工作。還支援以管道方式同時傳送多個請求，以便降低線路負載，提高傳輸速度。</p>
<h2 id="33-http方法">3.3 HTTP方法</h2>
<p>HTTP 支援幾種不同的請求命令，這些命令被稱為HTTP方法（HTTP method）。每條 HTTP 請求報文都包含一個方法， 告訴伺服器要執行什麼動作，包括：獲取一個頁面，執行一個閘道器程式，刪除一個檔案等。最常用的獲取資源的方法是 GET、POST</p>
<h3 id="331-概述">3.3.1 概述</h3>
<table>
<thead>
<tr>
<th>HTTP方法</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>GET</td>
<td>請求獲取 Request-URI 所標識的資源</td>
</tr>
<tr>
<td>PUT</td>
<td>請求伺服器儲存一個資源，並用 Request-URI 作為其標識</td>
</tr>
<tr>
<td>DELETE</td>
<td>請求伺服器刪除 Request-URI 所標識的資源</td>
</tr>
<tr>
<td>POST</td>
<td>在 Request-URI 所標識的資源後附加新的資料</td>
</tr>
<tr>
<td>HEAD</td>
<td>請求獲取由 Request-URI 所標識的資源的響應訊息報頭</td>
</tr>
</tbody>
</table>
<h2 id="332-get方法">3.3.2 GET方法</h2>
<p>1.GET方法採用的是 URL字尾的形式，比如 <a href="http://www.test.com/a.php?Id=123" target="_blank">http://www.test.com/a.php?Id=123</a> 就是一個GET請求，伺服器接收後可以解析出Id=123。而POST方法不需要在URL中顯示”?Id=123”，引數作為內容進行了隱藏的提交。因此，表單類或者有使用者名稱、密碼等內容提交時建議使用POST方法<br>
2.GET方法在 URL上顯示引數，而URL是有長度限制，故不適合提交過大的資料。GET方法可以被瀏覽器快取，當請求已經被請求過一次的URL時，瀏覽器不需要向伺服器再次發出請求，直接在本地快取中獲得頁面</p>
<h2 id="333-get和-post比較">3.3.3 GET和 POST比較</h2>
<p>●GET 方法：<br>
對資料長度的限制：URL的長度是受限制的（URL的最大長度是2048個字元）<br>
快取：能被快取<br>
安全性：與POST相比，GET的安全性較差，因為所傳送的資料是URL的一部分。在傳送密碼或其他敏感資訊時絕不要使用GET<br>
歷史記錄：引數保留在瀏覽器歷史中<br>
後退按鈕/重新整理：無害<br>
書籤：可收藏為書籤<br>
●POST 方法：<br>
對資料長度的限制：無限制<br>
快取：不能快取<br>
安全性：POST比GET更安全，因為引數不會被儲存在瀏覽器歷史或Web伺服器日誌中<br>
歷史記錄：引數不會儲存在瀏覽器歷史中<br>
後退按鈕/重新整理：資料會被重新提交，瀏覽器應該告知使用者資料會被重新提交<br>
書籤：不可收藏為書籤</p>
<h2 id="34、http狀態碼">3.4、HTTP狀態碼</h2>
<p>HTTP 狀態碼（HTTP Status Code）是用以表示網頁伺服器 HTTP 響應狀態的3位數字程式碼，當瀏覽器請求某一 URL 時， 伺服器根據處理情況返回相應的處理狀態</p>
<h3 id="341-狀態碼首位">3.4.1 狀態碼首位</h3>
<table>
<thead>
<tr>
<th>狀態碼首位</th>
<th>已定義範圍</th>
<th>分類</th>
</tr>
</thead>
<tbody>
<tr>
<td>1xx</td>
<td>100-101</td>
<td>資訊提示</td>
</tr>
<tr>
<td>2xx</td>
<td>200-206</td>
<td>成功</td>
</tr>
<tr>
<td>3xx</td>
<td>300-305</td>
<td>重定向</td>
</tr>
<tr>
<td>4xx</td>
<td>400-415</td>
<td>客戶端錯誤</td>
</tr>
<tr>
<td>5xx</td>
<td>500-505</td>
<td>伺服器錯誤</td>
</tr>
</tbody>
</table>
<h3 id="342-http常見狀態碼">3.4.2 HTTP常見狀態碼</h3>
<table>
<thead>
<tr>
<th>狀態碼</th>
<th>功能描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>200</td>
<td>一切正常</td>
</tr>
<tr>
<td>301</td>
<td>永久重定向</td>
</tr>
<tr>
<td>302</td>
<td>臨時重定向</td>
</tr>
<tr>
<td>401</td>
<td>使用者名稱或密碼</td>
</tr>
<tr>
<td>403</td>
<td>禁止訪問(客戶端IP地址被拒絕)</td>
</tr>
<tr>
<td>404</td>
<td>檔案不存在</td>
</tr>
<tr>
<td>414</td>
<td>請求URI頭部過長</td>
</tr>
<tr>
<td>500</td>
<td>伺服器內部錯誤</td>
</tr>
<tr>
<td>502</td>
<td>無效閘道器</td>
</tr>
<tr>
<td>503</td>
<td>當前服務不可用</td>
</tr>
<tr>
<td>504</td>
<td>閘道器請求超時</td>
</tr>
</tbody>
</table>
<h2 id="35-http請求流程分析">3.5 HTTP請求流程分析</h2>
<p><img src="https://img2020.cnblogs.com/blog/2387771/202108/2387771-20210803113840877-746499795.png" alt="" loading="lazy"><br>
使用者在瀏覽器輸入URL訪問時，發起HTTP請求報文，請求中包括請求行、請求頭、請求體，伺服器收到請求後返回響應報文，包括狀態行、響應頭、響應體。</p>
<h3 id="351-請求報文">3.5.1 請求報文</h3>
<p>請求行：請求行由請求方法、URL 以及協議版本三部分組成。<br>
請求頭：請求頭為請求報文添加了一些附加資訊，由“名/值”對組成，每行一對，名和值之間使用冒號分隔。<br>
空行：請求頭部的最後會有一個空行，表示請求頭部結束，接下來為請求體，這一行非常重要，必不可少。<br>
請求體：請求體是請求提交的引數，GET 方法已經在 URL 中指明瞭引數，所以提交時沒有資料。POST 方法提交的引數在請求體中。</p>
<table><td bgcolor =#00FFFF><font color = black size=3 >常用的請求頭</td></table>
<table>
<thead>
<tr>
<th>請求頭</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>Host</td>
<td>接受請求的伺服器地址，可以是 IP:埠號，也可以是域名</td>
</tr>
<tr>
<td>User-Agent</td>
<td>傳送請求的應用程式名稱</td>
</tr>
<tr>
<td>Connection</td>
<td>指定與連線相關的屬性，如 Connection:Keep-Alive</td>
</tr>
<tr>
<td>Accept-Charset</td>
<td>通知服務端可以傳送的編碼格式</td>
</tr>
<tr>
<td>Accept-Encoding</td>
<td>通知服務端可以傳送的資料壓縮格式</td>
</tr>
<tr>
<td>Accept-Language</td>
<td>通知服務端可以傳送的語言</td>
</tr>
</tbody>
</table>
<h3 id="352-響應報文">3.5.2 響應報文</h3>
<p>狀態行：狀態行由協議版本，狀態碼，狀態碼描述三部分組成。<br>
響應頭：響應頭與請求頭部類似，為響應報文添加了一些附加資訊。<br>
空行：響應頭部的最後會有一個空行，表示響應頭部結束。<br>
響應體：伺服器返回的相應 HTML 資料，瀏覽器對其解析後顯示頁面。</p>
<table><td bgcolor =#00FFFF><font color = black size=3 >常用的響應頭</td></table>
<table>
<thead>
<tr>
<th>響應頭</th>
<th>描述</th>
</tr>
</thead>
<tbody>
<tr>
<td>Server</td>
<td>伺服器應用程式軟體的名稱和版本</td>
</tr>
<tr>
<td>Content-Type</td>
<td>響應正文的型別（是圖片還是二進位制字串）</td>
</tr>
<tr>
<td>Content-Length</td>
<td>響應正文長度</td>
</tr>
<tr>
<td>Content-Charset</td>
<td>響應正文使用的編碼</td>
</tr>
<tr>
<td>Content-Encoding</td>
<td>響應正文使用的資料壓縮格式</td>
</tr>
<tr>
<td>Content-Language</td>
<td>響應正文使用的語言</td>
</tr>
</tbody>
</table>
一、HTML
1.1 概述
1.HTML叫做超文字標記語言，是一種規範，也是一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，通過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容
2.HTML檔案可以使用任何能夠生成txt檔案的文字編輯器來編輯，生成超文字標記語言檔案，只用修改檔名字尾為”.html”或“.htm”即可
1.2 HTML基本標籤
1.2.1 HTML語法規則
HTML標籤採用雙標記符的形式，前後標記符對應，分別表示標記開始和結束，標記符中間的內容被標籤描述。前標記符由“
1.2.2 HTML檔案結構
HTML檔案最外層由表示，說明該檔案是用HTML語言描述的。在它裡面是並列的頭標籤()和內容標籤()，最基本的
●HTML檔案結構如下：