1.javaweb的理解:
使用java語言開發的web應用。通過瀏覽器訪問的 應用【包括公司官網、管理系統】
2.流行的開發應用的架構
1.C/S模式【客戶端服務器架構】
1.網速要求比較低
2.需要更新
3.不同的操作系統 需要開發不同的應用【不跨平臺】
4.用戶使用的應用(聊天工具)
2.B/S模式【瀏覽器服務器架構】
1.網速要求比較高(4G)5G
2.無需更新
3.只需要開發一個應用,在任何系統中都可以訪問(跨平臺)
3.前端技術
1.結構HTML
HTML是網頁內容的載體。內容就是網頁製造者放在頁面上想要讓用戶瀏覽的信息,可以包括文字、圖片、視頻等
2.表現CSS
CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或爲標題加入背景圖片、邊框等
3.行爲JavaScript
是用來實現網頁上的特殊效果。如:鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。
4.HTML的理解:
HyperText Marked Language(超文本標記語言)超出文本範疇既可以顯示文字也可以顯示圖片,視頻 ,音頻,由瀏覽器無需編譯可以直接解析 網頁結構
語法特點:
1.標籤都是預先定義好的:每一個標籤都有特定的含義
2.標籤名不區分大小寫,一般要求小寫
3.標籤通常是成對出現的:有開始有結束
4.也有單邊標籤
5。每一個標籤包含的內容:一個完整的標籤稱爲元素
6.標籤可以嵌套
7.分爲head頭和body體
8.註釋格式<!-- - - >
常見標籤
1.文本修飾標籤
1.標題標籤 <h1>到 <h6>獨佔一行加粗
2.加粗標籤<b>、<strong>
3.斜體標籤 <cite>、<i>、<em>
4.下劃線 <u>
5.刪除標籤 <s>
6.上標<sup> 下標<sub>
7.滾動標籤 <marquee>
8.字體標籤 <font>
2.格式修飾標籤
1.<p>段落標籤
2< hr width ="寬度" size="高度"/>分割線標籤
3.<br/>換行標籤
4.有序列表<ol type="樣式"><li>1</li><li>2</li></ol>
5.無序列表 <ul type="樣式"><li>1</li><li>2</li></ul>
6.自定義列表 <dl type="樣式"><li>1</li><li>2</li></dl>
3.多媒體標籤
1.<img src = "圖片路徑" width=“寬” height=“高” titile+"提示信息">
2.<audio src = "音樂路徑" width=“寬” height=“高” titile+"提示信息">
3.<video src = "視頻路徑" width="寬" height="高" titile="提示信息">
4.超鏈接標籤
:超鏈接標籤 點擊可以跳轉
屬性:
1.href:目標路徑 可以是絕對路徑 也可以是相對路徑 也可以是錨點id標記 #id值
2.target:_self:默認自身窗口打開 _blank:新窗口打開_parent :打開父窗口顯示 _top:最頂層頁面打開
5.表格標籤
<table>:表格標籤
屬性
border:邊框
cellspacing:外邊距
width:寬度
height:高度
align:對齊方式
cellpadding:內邊距(內容與內邊框的距離)
標籤:
caption:表格的標題
tr:行 屬性 align:對齊方式:默認左對齊
td:列 屬性 rowspan:合併行(上下)colspan(合併左右行)
th:列標題 加粗居中
***
6.表單標籤
form標籤:
1.作用:用戶可以實現提交數據到服務器。登錄,註冊,搜索等
屬性:
1.action 提交到服務器的地址(url)
2.method 請求方式
默認:get 將輸入信息拼接在url路徑中相對不安全 內容不超過2kb
post:將數據放在請求頭中(headers)提交相對安全,理論上沒有限制 通常使用post方式提交
3.enctype:表單數據提交到後臺的編碼
默認:application/x-www-form-urlencoded:將表單數據解析成鍵值對的形式
文件上傳:multipart/form-data
input標籤:輸入框
屬性:
1.type:輸入內容的格式
text:文本內容
password:密碼
radio:單選框注意:name一致實現互斥
checkbox:複選框注意:name一致
button:按鈕 沒有提交表單功能 結合js使用
submit:提交按鈕 可以將表單數據提交到後臺
file:文件上傳框
2.name:作用:提交後臺(鍵值對)name值=輸入的值
3.value:輸入框的默認值 可以省略
4.placeholder:提示
select標籤:下拉列表 屬性name
option標籤:每一個下拉列表的元素 和select結合使用
textarea標籤:文本域標籤
屬性:cols:寬 rows:高
button標籤:按鈕 有提交表單的功能
****
7.內聯框架標籤
iframe標籤
:內聯架構標籤 頁面中有嵌套頁面
屬性:src:嵌套的頁面路徑width:寬度 heigth:高度
frameborder 邊框大小
a標籤:屬性target指定那個窗體打開頁面
*
8.架構標籤:主要用戶後臺管理*
frameset標籤:可以分割頁面
屬性:
rows:上下分割 100px一部分 *剩下部分
cols:左右分割
noresize:不可重置大小
border:frame的邊框大小
frame:分割的部分加載後的資源頁面
src:加載的頁面
9…無意義的標籤(結合css使用)
可以使用
css樣式更加靈活的控制標籤樣式
div:塊元素標籤 獨佔一行 可以指定寬度和高度
span:行元素標籤 不獨佔一行 不可以指定寬度和高度
10.字符實體
1.空格 實體名稱  ; 實體編號  
2小於號 實體名稱 <; 實體編號 <
等等參考W3school