概述
- HTML/CSS/JS
C/S和B/S架構(gòu)
- C/S架構(gòu)
- client：客戶(hù)端
- server：服務(wù)器
- B/S架構(gòu)
- browser：瀏覽器
- server：服務(wù)器
工具
- 編輯工具：notepad++
- 測(cè)試工具：chrome
原理
- 瀏覽器 => 服務(wù)器，發(fā)送請(qǐng)求，索要相關(guān)數(shù)據(jù)
- 服務(wù)器 => 瀏覽器，返回?cái)?shù)據(jù)(響應(yīng))，然后瀏覽器解析收到的數(shù)據(jù)，就會(huì)出現(xiàn)相應(yīng)的效果
- 組成：HTML、CSS、JS
HTML
- 說(shuō)明：超文本標(biāo)記語(yǔ)言，所見(jiàn)即所得
- 后綴：.html或.htm，統(tǒng)一使用.html
標(biāo)簽
- 格式：
- 雙邊：
<標(biāo)簽名 屬性1="值1" 屬性2='值2' 屬性3=值3>內(nèi)容</標(biāo)簽名> - 單邊：
<標(biāo)簽名 屬性1="值1" 屬性2='值2' 屬性3=值3 />
- 雙邊：
- 特點(diǎn)：
- 成對(duì)出現(xiàn)
- 容錯(cuò)性強(qiáng)
- 已經(jīng)預(yù)定義
- 全部小寫(xiě)，注意格式
- 說(shuō)明：標(biāo)簽就是HTML的組成部分
全局架構(gòu)標(biāo)簽
-
示例：
<html> <!-- 注釋 --> <head></head> <body></body> </html> -
說(shuō)明：
- html：所有的內(nèi)容都要放在該標(biāo)簽中
- head：存放頭部，如：編碼等
- body：有效的內(nèi)容，會(huì)出現(xiàn)在網(wǎng)頁(yè)中
-
body屬性:
- text：字體顏色
- bgcolor：背景色
-
幾乎每個(gè)標(biāo)簽都有的屬性：
- class、name、id、style
- 可以在后面結(jié)合css及js使用
字符實(shí)體
說(shuō)明：在html中顯示有特殊意義的內(nèi)容，如：標(biāo)簽相關(guān)內(nèi)容
字符實(shí)體：用特定的一串字符代表某一個(gè)有特殊意義的字符
-
示例：
<： < >: > 空格: &： &；
常用標(biāo)簽(文本修飾)
- h1 ~ h6：字體從大到小，表示標(biāo)題，h1一個(gè)頁(yè)面中最多一個(gè)，不要為了調(diào)整字體大小而使用。
- 加粗：b、strong
- 斜體：i、cite、em
- 下劃線：u
- 中劃線：s
- 下標(biāo)：sub
- 上標(biāo)：sup
- 字體：font
- size：大小
- color：顏色
- face：類(lèi)型
- 換行及空格：
- br：換行標(biāo)簽，一段文本無(wú)論多長(zhǎng)都不會(huì)換行，除非有用于隔斷的空白
- 空格：無(wú)論多少個(gè)空格，解析后都會(huì)變成一個(gè)
- 回車(chē)：無(wú)論多少個(gè)，都會(huì)解析成一個(gè)空格
常用標(biāo)簽(格式控制)
- br：換行(單邊標(biāo)簽)
- p：段落
- hr：分割線(單標(biāo)標(biāo)簽)
- marquee：滾動(dòng)顯示
- pre：原樣輸出
- ul：無(wú)序列表，每個(gè)元素都是li
- type：disc(實(shí)心圓，默認(rèn))，circle(空心圓)，square(實(shí)心方塊)
- ol：有序列表，每個(gè)元素都是li
- type：1、a、A、I
- start：起始位置
