web概念概述
web概念概述
* JavaWeb：
?? ?* 使用Java語言開發(fā)基于互聯(lián)網(wǎng)的項(xiàng)目
* 軟件架構(gòu)：
?? ?1. C/S: Client/Server 客戶端/服務(wù)器端
?? ??? ?* 在用戶本地有一個(gè)客戶端程序，在遠(yuǎn)程有一個(gè)服務(wù)器端程序
?? ??? ?* 如：QQ，迅雷...
?? ??? ?* 優(yōu)點(diǎn)：
?? ??? ??? ?1. 用戶體驗(yàn)好
?? ??? ?* 缺點(diǎn)：
?? ??? ??? ?1. 開發(fā)、安裝，部署，維護(hù) 麻煩
?? ?2. B/S: Browser/Server 瀏覽器/服務(wù)器端
?? ??? ?* 只需要一個(gè)瀏覽器，用戶通過不同的網(wǎng)址(URL)，客戶訪問不同的服務(wù)器端程序
?? ??? ?* 優(yōu)點(diǎn)：
?? ??? ??? ?1. 開發(fā)、安裝，部署，維護(hù) 簡單
?? ??? ?* 缺點(diǎn)：
?? ??? ??? ?1. 如果應(yīng)用過大，用戶的體驗(yàn)可能會(huì)受到影響
?? ??? ??? ?2. 對(duì)硬件要求過高
* B/S架構(gòu)詳解
?? ?* 資源分類：
?? ??? ?1. 靜態(tài)資源：
?? ??? ??? ?* 使用靜態(tài)網(wǎng)頁開發(fā)技術(shù)發(fā)布的資源。
?? ??? ??? ?* 特點(diǎn)：
?? ??? ??? ??? ?* 所有用戶訪問，得到的結(jié)果是一樣的。
?? ??? ??? ??? ?* 如：文本，圖片，音頻、視頻, HTML,CSS,JavaScript
?? ??? ??? ??? ?* 如果用戶請(qǐng)求的是靜態(tài)資源，那么服務(wù)器會(huì)直接將靜態(tài)資源發(fā)送給瀏覽器。瀏覽器中內(nèi)置了靜態(tài)資源的解析引擎，可以展示靜態(tài)資源
?? ??? ?2. 動(dòng)態(tài)資源：
?? ??? ??? ?* 使用動(dòng)態(tài)網(wǎng)頁及時(shí)發(fā)布的資源。
?? ??? ??? ?* 特點(diǎn)：
?? ??? ??? ??? ?* 所有用戶訪問，得到的結(jié)果可能不一樣。
?? ??? ??? ??? ?* 如：jsp/servlet,php,asp...
?? ??? ??? ??? ?* 如果用戶請(qǐng)求的是動(dòng)態(tài)資源，那么服務(wù)器會(huì)執(zhí)行動(dòng)態(tài)資源，轉(zhuǎn)換為靜態(tài)資源，再發(fā)送給瀏覽器
靜態(tài)資源：
?? ??? ?* HTML：用于搭建基礎(chǔ)網(wǎng)頁，展示頁面的內(nèi)容
?? ??? ?* CSS：用于美化頁面，布局頁面
?? ??? ?* JavaScript：控制頁面的元素，讓頁面有一些動(dòng)態(tài)的效果
HTML
1. 概念：是最基礎(chǔ)的網(wǎng)頁開發(fā)語言
?? ?* Hyper Text Markup Language 超文本標(biāo)記語言
?? ??? ?* 超文本:
?? ??? ??? ?* 超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本.
?? ??? ?* 標(biāo)記語言:
?? ??? ??? ?* 由標(biāo)簽構(gòu)成的語言。<標(biāo)簽名稱> 如 html，xml
?? ??? ??? ?* 標(biāo)記語言不是編程語言
2. 快速入門：
?? ?* 語法：
?? ??? ?1. html文檔后綴名 .html 或者 .htm
?? ??? ?2. 標(biāo)簽分為
?? ??? ??? ?1. 圍堵標(biāo)簽：有開始標(biāo)簽和結(jié)束標(biāo)簽。如 <html> </html>
? ? ? ? ? ? 2. 自閉和標(biāo)簽：開始標(biāo)簽和結(jié)束標(biāo)簽在一起。如 <br/>
?? ??? ?3. 標(biāo)簽可以嵌套：
?? ??? ??? ?需要正確嵌套，不能你中有我，我中有你
?? ??? ??? ?錯(cuò)誤：<a><b></a></b>
?? ??? ??? ?正確：<a><b></b></a>
?? ??? ?4. 在開始標(biāo)簽中可以定義屬性。屬性是由鍵值對(duì)構(gòu)成，值需要用引號(hào)(單雙都可)引起來
?? ??? ?5. html的標(biāo)簽不區(qū)分大小寫，但是建議使用小寫。
3. 標(biāo)簽學(xué)習(xí)：
?1. 文件標(biāo)簽：構(gòu)成html最基本的標(biāo)簽
?? ??? ?* html:html文檔的根標(biāo)簽
?? ??? ?* head：頭標(biāo)簽。用于指定html文檔的一些屬性。引入外部的資源
?? ??? ?* title：標(biāo)題標(biāo)簽。
?? ??? ?* body：體標(biāo)簽
?? ??? ?* <!DOCTYPE html>：html5中定義該文檔是html文檔
?? ?2. 文本標(biāo)簽：和文本有關(guān)的標(biāo)簽
?? ??? ?* 注釋：<!-- 注釋內(nèi)容 -->
?? ??? ?* <h1> to <h6>：標(biāo)題標(biāo)簽
?? ??? ??? ?* h1~h6:字體大小逐漸遞減
?? ??? ?* <p>：段落標(biāo)簽
?? ??? ?* <br>：換行標(biāo)簽
?? ??? ?* <hr>：展示一條水平線
?? ??? ??? ?* 屬性：
?? ??? ??? ??? ?* color：顏色
?? ??? ??? ??? ?* width：寬度
?? ??? ??? ??? ?* size：高度
?? ??? ??? ??? ?* align：對(duì)其方式
?? ??? ??? ??? ??? ?* center：居中
?? ??? ??? ??? ??? ?* left：左對(duì)齊
?? ??? ??? ??? ??? ?* right：右對(duì)齊
?? ??? ?* <b>：字體加粗
?? ??? ?* <i>：字體斜體
?? ??? ?* <font>:字體標(biāo)簽
?? ??? ?* <center>:文本居中
?? ??? ??? ?* 屬性：
?? ??? ??? ??? ?* color：顏色
?? ??? ??? ??? ?* size：大小
?? ??? ??? ??? ?* face：字體
?? ??? ?* 屬性定義：
?? ??? ??? ?* color：
?? ??? ??? ??? ?1. 英文單詞：red,green,blue
?? ??? ??? ??? ?2. rgb(值1，值2，值3)：值的范圍：0~255 ?如 ?rgb(0,0,255)
?? ??? ??? ??? ?3. #值1值2值3：值的范圍：00~FF之間。如： #FF00FF
?? ??? ??? ?* width：
?? ??? ??? ??? ?1. 數(shù)值：width='20' ,數(shù)值的單位，默認(rèn)是 px(像素)
?? ??? ??? ??? ?2. 數(shù)值%：占比相對(duì)于父元素的比例
?<meta charset="UTF-8">
©
圖片標(biāo)簽：
?? ??? ?* img：展示圖片
?? ??? ??? ?* 屬性：
?? ??? ??? ??? ?* src：指定圖片的位置
總結(jié)
- 上一篇： 冒泡排序用c语言实现
- 下一篇： 图片标签|| 列表标签||链接标签||d