1、C/S結(jié)構(gòu)：
client/server：客戶機(jī)和服務(wù)器結(jié)構(gòu)。
B/S結(jié)構(gòu)：
brower/server：瀏覽器和服務(wù)器結(jié)構(gòu)。
2、服務(wù)器訪問(wèn)原理
html文件的組成
html由html、css、js，瀏覽器是翻譯官，它把html文件翻譯成頁(yè)面
html全稱：hypertext markup language ? ?超文本標(biāo)記性語(yǔ)言
拓展：在Windows系統(tǒng)里，文件夾里的文件若不顯示后綴，則：點(diǎn)擊組織->文件夾和搜索選項(xiàng)->查看->去掉隱藏文件后綴名的復(fù)選框
注意：文件名不要有中文
? ? ? ? ? ?文件存儲(chǔ)格式：UTF-8無(wú)BOM格式
3、第一個(gè)標(biāo)簽
標(biāo)簽
學(xué)習(xí)標(biāo)簽
（1）主要記功能
（2）寫法
對(duì)標(biāo)簽：<標(biāo)簽名 屬性1="值1" 屬性2=“值2” 屬性3=“3”>內(nèi)容</標(biāo)簽名>
獨(dú)立標(biāo)簽：<標(biāo)簽名 屬性1=“值1” 屬性2=“值2” 屬性3=“值3” />
標(biāo)簽不區(qū)分大小寫，一般為小寫；
標(biāo)簽寫的時(shí)候應(yīng)該是英文半角；
標(biāo)簽可以嵌套；標(biāo)簽容錯(cuò)性好，一般不會(huì)出錯(cuò)。
4、全局架構(gòu)標(biāo)簽
<!DOCTYPE HTML>文檔類型
<html>根標(biāo)簽
? ? ? ? <head>
? ? ? ? ? ? ? ? ? <title>里面是本網(wǎng)頁(yè)的標(biāo)題</title>
? ? ? ? ? ? ? ? ? <meta charset="utf-8" /> ? //告訴瀏覽器以制定編碼顯示html文件
? ? ? ? </head>
? ? ? ? <body>
? ? ? ? </body>
</html>
SEO（search engine optimatization）通過(guò)大量堆積關(guān)鍵詞，提高搜索排名
body（leftmargin,topmargin,bgcolor,background,text,link,alink,vlink）網(wǎng)頁(yè)正文，要現(xiàn)實(shí)的內(nèi)容都放在body下
leftmargin：左邊距
topmargin：上邊距
bgcolor：背景顏色 ?
text：文字顏色
background：背景圖片，會(huì)覆蓋背景顏色
了解：
link：未點(diǎn)擊時(shí)超鏈接顏色
alink：點(diǎn)擊時(shí)超鏈接顏色
vlink：點(diǎn)擊后超鏈接顏色
全局屬性：class、id、name、style
書寫格式：注意縮進(jìn)
5、重要標(biāo)簽
html特性：
如果單詞中間沒(méi)有空格，不會(huì)換行
無(wú)論有多少個(gè)空格，換行都只顯示一個(gè)空格
標(biāo)題：<h1></h1>...<h6></h6>
水平分割線：<hr />（獨(dú)立標(biāo)簽）
align：對(duì)齊方式 ? ? ? left、right、center
width：200 ?絕對(duì)值 ? ? ? 50%百分比
段落：?
分段：<p></p>
換行：<br />
不自動(dòng)換行：<nobr><nobr />
修飾：加粗：<b></b> ? ? <strong></strong>
斜體：<i></i> ? ? <em></em> ? ? <cite></cite>
下劃線：<u></u>
中刪除線：<del></del>
上標(biāo)：<sup></sup>
下標(biāo)：<sub></sub>看圓圈的位置，在上面的上標(biāo)
保持原來(lái)的格式：<pre></pre>
塊引用<blockquote></blockquote>
字體：<font></font>（face，size，color）
face ?字體名稱
size ?字體大小 ? 1---7
color字體顏色
實(shí)體引用：可以表示html特殊符號(hào)，以&開(kāi)始，以；結(jié)束
空格
注釋：
<!--注釋內(nèi)容-->
1）方便他人閱讀代碼
2）方便調(diào)試
6、列表標(biāo)簽
有序表：?
<ol>order list</ol>
start ?開(kāi)始的位置，必須是數(shù)字
type ?顯示的類型 ?：1,a,A,i,I
無(wú)序表：
<ul></ul>type（disc,square,cicle）
列表:<dl></dl>
? ? ? ? ? ? ? ?<dt></dt>條目
? ? ? ? ? ? ? ? ? ? ? <dd></dd>內(nèi)容
7、圖片標(biāo)簽
<img src="../image/" title="照片提示" border="1" width="123" />
相對(duì)路徑：
./當(dāng)前目錄（html文件所在目錄）
../當(dāng)前目錄的上級(jí)目錄
./images/當(dāng)前目錄下級(jí)目錄
絕對(duì)路徑
本地文件系統(tǒng)上午絕對(duì)路徑
以html所在盤符為基準(zhǔn)
/代表盤符根目錄
站點(diǎn)的絕對(duì)路徑（了解）
/代表網(wǎng)站根目錄
網(wǎng)頁(yè)的絕對(duì)路徑
src、title、boder、width、height
