1厂僧、BS和CS簡單認(rèn)識
BS：browser-server 瀏覽器-服務(wù)器模式
CS：client-server? 客戶端-服務(wù)器模式
開發(fā)：cs向bs靠攏菌瘪，開發(fā)成本份殿，維護(hù)成本都比較低耸黑。
瀏覽器是html的翻譯官
2玷室、網(wǎng)站工作原理
服務(wù)器發(fā)給我們的是html零蓉、css笤受、js文件。瀏覽器作為翻譯官敌蜂，將這些文件翻譯成圖文并茂的
形式供我們觀看箩兽。
3、動態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁
只要涉及到和后臺交互的網(wǎng)頁都是動態(tài)網(wǎng)頁章喉，靜態(tài)網(wǎng)頁一成不變汗贫，永遠(yuǎn)是死的。
比如登錄網(wǎng)上銀行秸脱。
4落包、代碼編輯器
sublime
notepad++
5、HTML
全稱：HyperText Markup Language? 超文本標(biāo)記語言
歷史
后綴：.html或者.htm摊唇，但是推薦使用前者
【注】組織-》文件夾和搜索選項(xiàng)-》查看-》隱藏?cái)U(kuò)展名前面的小勾去掉
前端頁面組成：html咐蝇、css、js
marquee(direction,scrollamount,width,height,loop)巷查，認(rèn)識標(biāo)簽有序，屬性和值
亂碼問題：
編輯的html文件，在notepad中岛请，格式轉(zhuǎn)為UTF8-無BOM格式
瀏覽器中在右上角選擇-更多工具-》編碼? 選擇Unicode-UTF8
了解：
0-9 a-f
標(biāo)簽寫法：
<標(biāo)簽名 屬性=屬性值>以這種標(biāo)簽方式來顯示的內(nèi)容
【注1】屬性值可以加單引號旭寿、雙引號或者都不加，但是推薦加雙引號
【注2】多個屬性中間以空格隔開
字符編碼(回頭了解)
ASCII? ANSI(隨操作系統(tǒng)安裝崇败，GB2312 GBK)? Unicode? UTF8
標(biāo)簽格式
注意事項(xiàng)
1盅称、 在<>之間的是標(biāo)簽、標(biāo)記
2僚匆、 標(biāo)簽名不能私自添加
3微渠、 所有的字符都是英文字符
4、 多個屬性中間以空格隔開
5咧擂、 html中單位可以不寫逞盆，但是css中單位必須寫? px
6、 屬性值一般要加引號
6松申、全局架構(gòu)標(biāo)簽 html\head\title\body
title就是該網(wǎng)頁的標(biāo)題云芦，body中要寫以后我們常用的標(biāo)簽
要養(yǎng)成良好的編碼習(xí)慣，寫html的時候注意縮進(jìn)
7贸桶、html注釋
注釋：為了方便程序員看代碼而人為書寫的一些通俗易懂的漢語
8舅逸、body常用屬性
bgcolor:背景色
background：背景圖片
text：文本顏色
leftmargin: 左外邊距
topmargin:? 上外邊距
link:正常狀態(tài)下超鏈接顏色
alink：激活狀態(tài)（鼠標(biāo)點(diǎn)中不松開）下
vlink：訪問過后的顏色（了解）
這個標(biāo)簽寫到head中，目的是告訴瀏覽器要以utf8格式顯示
標(biāo)簽分兩種：雙邊標(biāo)簽（有開始有閉合）和單邊標(biāo)簽（只有開始皇筛，無閉合）
class? id? style：這三個先了解琉历，配合css使用
9、顏色
單詞：手冊有所有單詞
#121212：以#開頭，前兩位代表紅色旗笔，中間兩位代表綠色彪置，最后兩位代表藍(lán)色
取值范圍：00-ff（0-255）? 0-9? a-f
10、字體修飾標(biāo)記(如下都是雙邊標(biāo)記)
font(size,face,color)
size：取值范圍1~7(控制文字大小)
face:字體
刷新快捷鍵：control+r
color：字體顏色
b(strong)：這是兩個標(biāo)簽蝇恶，都是加粗標(biāo)簽
i(em,cite):這是斜體標(biāo)簽
u：這是下劃線標(biāo)簽
s: 這是刪除線標(biāo)簽
sub：下標(biāo)標(biāo)簽
sup：上標(biāo)標(biāo)簽
11拳魁、排版標(biāo)記
br（單邊標(biāo)記）：換行標(biāo)簽
nobr：不換行標(biāo)簽,當(dāng)要顯示的內(nèi)容超過屏幕的寬度時，不會自動換行撮弧。
p：段落標(biāo)簽潘懊，
塊級標(biāo)簽，內(nèi)容要單獨(dú)的另起一行
與之對應(yīng)的是行內(nèi)標(biāo)簽贿衍，行內(nèi)標(biāo)簽都不會另起一行
hr(align width size color)（單邊標(biāo)記） ：水平線標(biāo)簽
align:對齊方式授舟，left：左對齊? center：居中對齊? right：右對齊
width:寬度，值可以寫數(shù)字贸辈，也可以寫百分值岂却，寫數(shù)字可以省略單位px，寫百分值代表的是寬度相對于父級標(biāo)簽的寬度裙椭。
size:水平線的高度
color：水平線顏色
h1-h6(align)? :標(biāo)題標(biāo)簽（是塊級標(biāo)簽）
pre：（不常用躏哩，在php中打印數(shù)組的時候偶爾用到）告訴瀏覽器以原有樣式給我顯示，有幾個空格給我顯示幾個空格揉燃，有多少換行給我顯示多少換行
空格問題: 在html文件中扫尺，所有的空格或者換行都被瀏覽器解釋為一個空格，如果想要得到換行效果炊汤，那么請使用br標(biāo)簽
12正驻、實(shí)體符號
不斷行的空白
<? 小于
> 大于
& &(可用于顯示其他字符)
?? 版權(quán)
&trade 商標(biāo)
? 已注冊
×? *
÷? /
13、無序列表
ul? li
type:
disc:默認(rèn)屬性抢腐，實(shí)體圓點(diǎn)
circle：空心圓圈
square：實(shí)心方塊
14姑曙、有序列表
ol? li
type:1 a A i I ，各種順序類型
start:【注】這個后面只能寫數(shù)字
15迈倍、自定義列表
dl? dt? dd
16伤靠、超鏈接標(biāo)簽
url:統(tǒng)一資源定位符
href? title? target? name(錨點(diǎn))
打開另一個文件的錨點(diǎn)
