一、B/S架構
B是browser(瀏覽器) 用戶使用的所有客戶端（部分手機app，小程序）都可以把它視為瀏覽器的一種展示。
S是server(服務器) 。瀏覽器發出請求，通過http等互聯網協議，發送至S端服務器，S端服務器把網頁文件發送給前段，B端瀏覽器收到文件后，瀏覽器解析成圖形界面，可供用戶操作。
二、HTML簡介
1.HTML 指的是超文本標記語言，它不是一種編程語言，而是一種標記語言，使用標簽來描述一個網頁。
2.HTML 標記標簽通常被稱為 HTML 標簽 ，由尖括號包圍關鍵詞，比如<html>。標簽通常成對出現，第一個標簽是開始標簽，第二個標簽是結束標簽，比如<html></html>，稱之為雙標簽。而像<meta>這種單個出現的標簽，稱之為單標簽。
3.Web 瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。瀏覽器是根據標簽，解釋頁面內容。
三、HTML頁面的基本代碼結構
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title> 7 </head> 8 <body> 9 10 </body> 11 </html>
1.<!DOCTYPE html>：用來聲明文檔，也就是告知 web 瀏覽器當前頁面使用了哪種 HTML 版本編寫代碼，此處使用的是 HTML 5 的版本。聲明文檔必不可少，而且必須位於 HTML 文檔的第一行；
2.<html>：表示頁面編寫的代碼都是 HTML 代碼，除了聲明文檔外的所有代碼都必須寫在<html></html>中間；
3.<head>：頭部標簽，<title></title>標題、<style></style>樣式、<meta>元標簽一般定義在<head></head>中間。
4.<meta>：元標簽，提供有關頁面的元信息，像定義charset 來定義HTML的編碼格式。
5.<title>：頁面的標題，<title> </title>內寫入的內容即為頁面的標題。
6.<body>：“身體”標簽，頁面絕大多數的內容都在<body></body>之間，像段落、盒子、圖片之類的，基本都寫在里面。