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