*前端
*軟件主要分為倆種架構(gòu)C/S和B/S.
*B/S中的B指的是browsers,是瀏覽器的意思,S值Server指服務(wù)器的意思。
*B/S架構(gòu)的軟件一般都是通過訪問一個網(wǎng)頁的形式來使用的,而將一些運算等操作放到遠(yuǎn)端的服務(wù)器上。
*PS:網(wǎng)頁設(shè)計師根據(jù)需求設(shè)計網(wǎng)頁----HTML:前端工程師將設(shè)計做成靜態(tài)網(wǎng)頁-----PYTHON:后臺工程師將靜態(tài)網(wǎng)頁修改為動態(tài)網(wǎng)頁
*根據(jù)W3C標(biāo)準(zhǔn),一個網(wǎng)頁主要由三部分組成:結(jié)構(gòu),表現(xiàn)還有行為。
*結(jié)構(gòu):HTML用于描述頁面的結(jié)構(gòu)。
*表現(xiàn):CSS用于控制頁面中元素的樣式。
*行為:JavaScript用于響應(yīng)用戶操作。
*將要學(xué)習(xí)的主要內(nèi)容有:HTML,CSS,網(wǎng)頁布局。
HTML就是超文本標(biāo)記語言。
*學(xué)習(xí)前端主要使用的工具有:瀏覽器(火狐,IE,Chrome);編輯器(記事本,NotePad++,Sublime);調(diào)試工具(FireBug);圖片工具(Photoshop)
*萬維網(wǎng)聯(lián)盟World Wid Web Consortium 簡稱(W3C)
*W3C定義了網(wǎng)頁中的HTML,CSS,DOM,HTTP,XML等標(biāo)準(zhǔn)
*一個最基本的HTML頁面:
<!DOCTYPE html>
<html>
<head>
? ? ? ? <meta charset ="UTF-8">
? ? ? ? <title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
? ? ? ? <h1>網(wǎng)頁正文</h1>
</body>
</html>
*標(biāo)簽:HTML中的標(biāo)記指的就是標(biāo)簽,HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。
*結(jié)構(gòu):<標(biāo)簽名>標(biāo)簽內(nèi)容</標(biāo)簽名> ? ? ? ? ? ? ? ? <標(biāo)簽名/>
*body也是一個元素, body是p和em的祖先元素, p和em是body的后代元素。
*屬性:可以為HTML標(biāo)簽設(shè)置屬性,通過屬性為HTML元素提供附加信息。屬性需要設(shè)置在開始標(biāo)簽或自結(jié)束標(biāo)簽中,屬性總是以名稱/值對的形式出現(xiàn)。
*怪異模式:為了兼容一些舊的頁面,瀏覽器中設(shè)置了倆種解析模式:-標(biāo)準(zhǔn)模式-怪異模式 ? 怪異模式解析網(wǎng)頁時會產(chǎn)生一些不可預(yù)期的行為,所以我們應(yīng)該避免怪異模式的出現(xiàn)。避免的最好方式就是在頁面中編寫正確的doctype。
*亂碼:如果我們保存文件時使用的是utf-8進行編碼,而瀏覽器讀取頁面時使用gb2312,這樣就會導(dǎo)致頁面中的內(nèi)容不能正常顯示,也就是我們所說的亂碼。