前端制作網(wǎng)頁(yè)的知識(shí)點(diǎn)總結(jié)

B/S架構(gòu)的軟件一般都是通過訪問一個(gè)網(wǎng)頁(yè)的形式來使用帮寻,將一些運(yùn)算等放到終端的服務(wù)器上叠必,這樣就降低了對(duì)客戶端的需求母怜,我們的計(jì)算機(jī)上只需要一個(gè)瀏覽器即可使用
我們常用的京東台丛,淘寶都是B/S架構(gòu)的網(wǎng)站

軟件開發(fā)流程如下:

image.png

我們需要將設(shè)計(jì)師的設(shè)計(jì)轉(zhuǎn)換為代碼帖汞,然后交給后臺(tái)工程師戴而,在由他們?nèi)ゾ帉懛?wù)器的代碼。
一個(gè)網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu)翩蘸、表現(xiàn)還有行為
HTML用于描述頁(yè)面的結(jié)構(gòu)
CSS用于控制頁(yè)面中元素的樣式
JavaScript用于響應(yīng)用戶操作

一個(gè)最基本的HTML頁(yè)面:

2018-09-06 20-05-03.jpg

<h1>一級(jí)標(biāo)題</h1>
<p>我是一個(gè)<em>段落</em></p>
<p><em>內(nèi)容</em></p>

body是一個(gè)元素
body是p和em的祖先元素
p和em是body的后代元素

如果我們保存文件時(shí)使用的是utf-8進(jìn)行編碼所意,而瀏覽器讀取頁(yè)面時(shí)使用gb2312,這樣就會(huì)導(dǎo)致頁(yè)面中的內(nèi)容不能正常顯示,也就是我們所說的亂碼
<meta charset="utf-8" />
<br />標(biāo)簽表示一個(gè)換行標(biāo)簽
<hr />標(biāo)簽是水平線標(biāo)簽
< img />標(biāo)簽是圖片標(biāo)簽
<a>標(biāo)簽是超鏈接標(biāo)簽

小于號(hào)< :– <
大于號(hào)> :– >
空格:– ?
和符號(hào)&:– &
版權(quán)?:– ?
? 引號(hào)” : – "
? 注冊(cè)商標(biāo)? : – ?
? 商標(biāo)? : – ?

行內(nèi)樣式

可以直接將樣式寫到標(biāo)簽內(nèi)部的style屬性中扶踊,這種樣式不用填寫選擇器泄鹏,直接編寫聲明即可。
<p style="color: red;font-size: 30px"></p>

內(nèi)部樣式表

可以直接將樣式寫到<style>標(biāo)簽中秧耗。
p{color:red; font-size: 30px;}

外部樣式表

可以將所有的樣式保存到一個(gè)外部的css文件中备籽,然后通過<link>標(biāo)簽將樣式表引入到文件中。
<link rel="stylesheet" type="text/css"
href="style.css">

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末分井,一起剝皮案震驚了整個(gè)濱河市车猬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尺锚,老刑警劉巖珠闰,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異瘫辩,居然都是意外死亡伏嗜,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門伐厌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來承绸,“玉大人,你說我怎么就攤上這事弧械“司疲” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵刃唐,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我界轩,道長(zhǎng)画饥,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任浊猾,我火速辦了婚禮抖甘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘葫慎。我一直安慰自己衔彻,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開白布偷办。 她就那樣靜靜地躺著艰额,像睡著了一般。 火紅的嫁衣襯著肌膚如雪椒涯。 梳的紋絲不亂的頭發(fā)上柄沮,一...
    開封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼祖搓。 笑死狱意,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的拯欧。 我是一名探鬼主播详囤,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼镐作!你這毒婦竟也來了藏姐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤滑肉,失蹤者是張志新(化名)和其女友劉穎包各,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體靶庙,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡问畅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了六荒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片护姆。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖掏击,靈堂內(nèi)的尸體忽然破棺而出卵皂,到底是詐尸還是另有隱情,我是刑警寧澤砚亭,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布灯变,位于F島的核電站,受9級(jí)特大地震影響捅膘,放射性物質(zhì)發(fā)生泄漏添祸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一寻仗、第九天 我趴在偏房一處隱蔽的房頂上張望刃泌。 院中可真熱鬧,春花似錦署尤、人聲如沸耙替。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)俗扇。三九已至,卻和暖如春混坞,著一層夾襖步出監(jiān)牢的瞬間狐援,已是汗流浹背钢坦。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留啥酱,地道東北人爹凹。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像镶殷,于是被迫代替她去往敵國(guó)和親禾酱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容