前段基礎(chǔ)
前端三大塊:
HTML(結(jié)構(gòu))赡茸、CSS(表現(xiàn))酵紫、JS(行為)
軟件架構(gòu)
A? :? C/S 客戶端/服務(wù)器 : 特點 1 軟件使用前必須得安裝? 2 軟件更新時贤重,服務(wù)器和客戶端得同時更新3 C/S 架構(gòu)的軟件不能跨平臺使用? 4 C/S 架構(gòu)的軟件客戶端和服務(wù)器通信采用的是自有協(xié)議拴魄,相對來說比較安全
B? :? B/S 瀏覽器/服務(wù)器:特點 1 軟件不需要安裝汛骂,直接瀏覽器訪問指定的網(wǎng)址即可?2 軟件更新,客戶端不用更新 3 軟件可以跨平臺溯街,只要系統(tǒng)中有瀏覽器就可以使用4 B/S 架構(gòu)的軟件诱桂,客戶端和服務(wù)器之間通信采用的是通用的HTTP協(xié)議,相對來說不安全
W3C標準? 一個網(wǎng)頁分三個部分組成
1 結(jié)構(gòu) :HTML用于描述頁面的(超文本標記語言)
2 表現(xiàn) :CSS負責頁面的樣式呈昔,美化頁面
3 行為 :JAVASCRIPT負責頁面的行為
HTML()超文本標記語言
文本:相當于記事本里寫的文字访诱,用于展示信息
超文本: 超越了文本僅僅展示信息的功能范疇,泛指圖片韩肝、有樣式的文字、點擊跳轉(zhuǎn)頁面的文字
HTML語言的特征:
HTML代碼是由頭和體組成
<html>根標簽
<head>中存放的都是網(wǎng)頁的說明性內(nèi)容九榔,例如標題
HTML文件的擴展名為html或者htm
HTML文件由瀏覽器直接解析執(zhí)行哀峻,無需編譯,直接由上到下依次解析執(zhí)行
HTML標簽通常由開始標簽和標簽組成
例如:<font>內(nèi)容體
沒有內(nèi)容體制標簽叫空標簽(自結(jié)束標簽)例如<br/>換行標簽
HTML標簽不區(qū)分大小寫哲泊,建議小寫
標簽屬性:屬性名=”屬性值”
HTML標簽建議包裹嵌套剩蟀,不建議交叉嵌套
字體標簽和格式化標簽
字體標簽
<font>字體標簽,修飾文字樣式
<font 屬性名=”屬性值”>文字
size:大小切威,最小1育特,最大7
color:字體顏色,使用英文red先朦,使用#ff00ab
face:字體
H5文檔聲明
為了避免進入怪異模式缰冤,一定要寫文檔聲明,放在最上
2喳魏、格式化標簽
<br/>換行標簽
<hr/>水平線
<p></p>段落標簽棉浸,劃分段落,自動段前和段后有空行
align:段落內(nèi)容的對齊方式
默認是left左對齊
right右
center居中
<h1></h1>標題標簽
其中<h1>最大刺彩,<h6>最小
實體的語法:&實體的名字;
<? <
>
空格?? ?? HTML源碼中的多個空格會合并成一個迷郑,可以用 寫多個空格
版權(quán)符號???? ?
HTML注釋
<!-- HTML注釋內(nèi)容-->
<img/>圖片標簽
src:圖片的路徑(必有屬性)
width:圖片寬度
height:圖片高度
默認單位是px(像素)width="200px"
百分比設(shè)置,是父標簽的百分比创倔,是動態(tài)改變的width="50%"
<a></a>超鏈接標簽
用于定義一個可以點擊跳轉(zhuǎn)的鏈接
href:超鏈接跳轉(zhuǎn)的路徑(必有屬性)
內(nèi)網(wǎng)本機路徑:相對路徑和絕對路徑
互聯(lián)網(wǎng)路徑:帶http://……的地址
本頁:不寫默認跳轉(zhuǎn)到本頁嗡害,相當于#
超鏈接要想正常工作:
a標簽中必須有內(nèi)容
a標簽必須有href屬性