B/S架構:（java后端主走方向）
Browser / Server (瀏覽器/服務器的交互形式。)
Browser支持的語言: HTML 、Css、 JavaScript
S是服務器端server, Server端的語言 很多: C、 C++、 Java、 python.....
缺點:速度慢、體驗不好、界面不炫酷
企業內部的解決方案都是采用B/S架構的系統，因為企業內部辦公需要的一些系統 不需要炫酷，不需要特別好的用戶體驗，只要能做數據的增刪改查即可。並且企業 內部更注重維護的成本。
C/S架構 Client / Server (客戶端/服務器端的交互形式)
缺點:升級麻煩，維護成本較高。| 優點:速度快，體驗好，界面炫酷。(娛樂型的系統多數是C/s架構的。)
HTMl
HTML：Hyper Text Markup Language（超文本標記語言），有大量的標簽組成，每一個標簽都有開始標簽和結束標簽。
超文本：流媒體、圖片、聲音、視頻。
HTML開發的時候使用普通的文本編輯器就行，創建的文件擴展名是.html或者.htm
HTML專業的開發工具有：Dreamweaver、HBuilder.....
直接采用瀏覽器打開HTML文件就可以運行。
HTML是W3C（世界萬維網聯盟）制定的規范，每個瀏覽器生產廠家都會遵守規范。HTML規范目前最高的版本是HTML5，簡稱H5.
HTML制定了很多規范：HTML、XML、http協議、https協議.....
編寫HTML時如果第一行加上<!doctype html>就是HTML5，不加就是HTML4.0。HTML不區分大小寫。
語法格式
HTML注釋格式：<!--注釋內容-->
段落分段：<p> 段落內容</p>
標題字：<h1>一級標題</h1>
• <h2>二級標題</h2>.........一共六級。
換行標記：在需要換行的地方加上<br>,br標簽是一個獨目標簽。
水平線：<hr> 獨目標記。
預留格式：<pre></pre> 里面的內容和自己寫代碼的時候的格式一樣，格式不會改變。
刪除字：<del></del>
插入字：<ins></ins>
粗體字：<b></b>
斜體字：<i></i>
右上角加字：10<sup>2</sup> 代表着在10的右上方加2，即10的平方。
右下角加字：10<sub>m</sub> m代表所加內容
字體標簽：<font color=red size=50></font>
實體符號：因為大於號小於號會和代碼沖突，所以用<代表小於號，用>代表大於號。以&開始以；結束
加空格：
設置內容位置:align="center" 設置內容居中
表格：
<table border="1px" width="60%" height="50%"> 設置表格的邊框為1像素寬度，整體寬度占窗口的60%，高度占50%
<tr align="center"> 讓這一行的表格內容居中
<td></td>
<td></td>
</tr>
<tr>
<td align ="center"></td> 單單讓這一個表格居中
<td></td>
</tr>
</table>
以上例子代表一個兩行兩列的表格
table代表整張表，tr代表一行，td代表一行中的一個格子，格子內容寫在td之間。th和td差不多，知識用th的話單元格內的內容加粗並且居中，一般第一行用th
合並單元格：row合並的時候，刪除下面的單元格，之后上面的單元格加rowspan=“合並個數”。col合並的時候沒有要求colspan=“合並個數”。 也可以在各個表行加，thead，tbody，tfoot關鍵字，便於后期操作。
設置背景顏色：在<body bgcolor =red> 設置背景色為紅色
設置背景圖片：在<body background="圖片路徑"> 設置背景圖片
插入圖片：<img src="圖片路徑" width="100px" title="圖片" alt="圖片找不到"/>
插入圖片，寬度像素為100px，不要設置高度，高度會進行等比例縮放，否則會失幀。img標簽為圖片標簽，src屬於圖片路徑，title設置鼠標懸停時的信息。alt設置圖片加載失敗時顯示的信息。
設置超鏈接：<a href="鏈接網站地址">鏈接名</a>
href:hot references 熱引用，href屬性后面一定是一個資源的地址，href后面的路徑可以使絕對路徑，也可以是相對路徑，可以是網絡中的某個資源的路徑，也可以是本地資源的路徑，鏈接名那里也可以加圖片地址，變味圖片鏈接。 超鏈接有一個target屬性，可取值： _blank:新窗口 _self:當前窗口（默認的方式） _top:頂級窗口 _parent:父窗口
超鏈接的作用: 通過超鏈接可以從瀏覽器向服務器發送請求。 瀏覽器向服務器發送數據(請求: request) 服務器向瀏覽器發送數據(響應:response ) B/S結構的系統:每一個請求都會對應一個響應。 B --請求----- S S --響應---- B 用戶點擊超鏈接和用戶在瀏覽器地址欄上直接輸入URL的區別： 本質上沒有區別，都是向服務器發送請求。從操作上來講，超鏈接使用更方便。
無序列表：
有序列表：
表單：
form表單method屬性:method="post"
get :采用get方式提交的時候，用戶提交的信息會顯示在瀏覽器的地址欄上。 post:采用post方式提交的時候，用戶提交的信息不會顯示在瀏覽器地址欄上。 當用戶提交的信息中含有敏感信息，例如:密碼，建議采用post方式提交。
系統默認為get方式。
超鏈接也可以提交數據給服務器，但是提交的數據都是固定不變的。超鏈接是get請求。不是post請求。
下拉列表：（支持多選）
form的file控件（用於選擇和提交文件）
form的hidden控件
readonly和disabled
reaonly和disabled都是只讀不能修改，但是readonly可以提交給服務器，disabled數據不會提交（即使有name屬性也不會提交）
input控件的maxlength屬性：設置文本框中的可輸入的字符數量
HTML中元素的id屬性：
HTML中的Div和span：
