001-HTML內容概述 前端三劍客 HTML + CSS + 002-BS結構介紹 1.系統架構 B/S架構
/ 瀏覽器/服務器的交互形式
支持哪些語言：HTML CSS
寫HTML CSS 代碼的這波人職業叫做：web前端開發工程師
前端頁面的圖片需要UI設計師完成
S是服務器端，語言 C C++ Java 等
BS優缺點
優點：升級方便、只動服務器、維護成本低
缺點：速度慢、體驗不好、界面不炫酷
企業內部都是BS系統
BS架構系統
京東
百度
天貓
、、、
C/S架構
/ 客戶端/服務器端的交互形式
缺點：升級麻煩，維護成本高
優點：速度快，體驗好，界面炫酷（娛樂性的系統多數是CS架構）
常見C/S架構的系統
微信
支付寶
、、、
003-軟件環境準備 要解決瀏覽器的兼容問題
004-HTML概述
1.HTML：Hyper Text 超文本標記語言
有大量標簽組成，每一個標簽都有開始標簽和結束標簽
超文本：流媒體、圖片、聲音、視頻 ...
2.HTML開發時候使用普通的文本編輯器就行，擴展名為.html或者.htm
也有專業開發工具、
直接用HTML文件就是運行
3.HTML誰制定的
W3C：世界萬維網聯盟，定了很多規范
005-我的第一個HTML
網頁的標題
網頁主題內容
補充：告訴瀏覽器用什么方式解析
補充：當后面標簽沒有需要寫的內容時，可以不寫后面標簽，在前面標簽末尾加/
補充：html注釋快捷鍵 ctrl + / 006-HTML基本標簽
基本標簽
hello
wolrd!
for(int i=0;i<10;i++){
System.out.println("預留格式");
}
刪除字插入字粗體字斜體字字體標簽
007-HTML實體符號
實體符號
bc
b<a>c
abc def
abc def
008-HTML表格
表格
a
b
c
d
e
f
009-HTML單元格合并 row行合并的時候，刪除“下面的”單元格
1.找到兩個格
2.刪下面的格
3.上面的格加屬性
表格單元格合并
a
b
c
d
e
f
g
h
col列合并的時候，對刪除沒要求
表格單元格合并
a
b
c
d
e
f
g
010-HTML單元格合并，th標簽
改為
th標簽也是單元格標簽，比td多的是居中加粗
011-表格thead、tbody、tfoot標簽
非必須，方便后期JS編寫
012-背景顏色和背景圖片
:設置背景色
:設置背景圖片
以上的設置都是對背景進行設置
背景顏色和背景圖片
013-圖片img標簽
1、設置圖片寬度和高度的時候，只設置寬度提交表單后 字體變大，高度會進行等比例縮放。
2、img標簽就是圖片標簽
3、src屬性是圖片的路徑
4、width設置寬度,設置高度
5、title設置鼠標懸停時顯示的信息。
6、alt設置圖片加載失敗時顯示的提示信息。
014-超鏈接
超鏈接特點：有下劃線，鼠標在上面有小手的圖標，點擊跳轉
href，hot 熱引用：兩個單詞的縮寫
href屬性后面一定是一個資源的地址，可以絕對，也可以相對，可以網絡資源，也可以本地資源
超鏈接有一個屬性:
可取值:
:新窗口
_self :當前窗口（默認就是這種方式。)
_top :頂級窗口
:父窗口
015-超鏈接和 超鏈接的作用：
通過超鏈接可以從瀏覽器向服務器發送請求
瀏覽器向服務器發送數據（請求：）
服務器向瀏覽器發送數據（響應：）
B/S結構的系統，每一個請求都會對應一個響應
B---請求---->S
S---響應------>B
用戶點擊超鏈接和用戶在瀏覽器地址上直接輸入URL，有什么區別？
本質上沒區別，都是向瀏覽器發送請求
從操作上來講，超鏈接使用更方便
016-列表 有序列表
無序列表
類型
type="1" 數字排序
type="I" 羅馬數字排序
type="a" 英文字母排序
type="circle"
可以嵌套 017-form表單初步
1.表單有什么用？
收集用戶信息。表單展現之后，用戶天蝎表單，點擊提交按鈕提交數據給服務器
2.怎么畫一個表單？
使用form標簽化畫表單
3.一個網頁當中可以有多個表單form 4.表單最終是需要提交數據給服務器的，form標簽有一個屬性，這個屬性是用來指定服務器的
屬性是用來指定數據提交給那個服務器，和超鏈接的href屬性一樣，可以向服務器發送請求
表單可以攜帶數據，超鏈接不可以
5.:8080/oa/save這是請求路徑提交表單后 字體變大，表單提交數據最終交給192.168.1111.3機器上的8080端口對應的軟件 6.input
畫一個提交按鈕，這個按鈕可以提交表單,畫按鈕可以使用input輸入域，type=""的時候表示該按鈕是一個提交按鈕，具有提交表單的能力
type=""的時候表示該按鈕是一個普通按鈕，具有提交表單的能力
對于按鈕來說，value屬性用來指定按鈕上的顯示信息，默認顯示"提交"
type="text"表示是一個文本框，有name才會提交
表示是一個密碼文本框，有name才會提交
表示重置表單
7.表單是以什么格式提交數據給服務器
:8080/jd/login?=abc&=111
格式：?name=value&name=value&name=value&name=value&name=value...