大家今天好我是小月,為大家介紹一下建站的基礎(chǔ)語(yǔ)音,喜歡的建站的朋友要認(rèn)真閱讀,這會(huì)對(duì)你有一定的幫助!!
DW使用;
搭建 一個(gè)站點(diǎn);
首頁(yè)文件名稱:index.html
文件夾 style js
w3c 是一個(gè)組織,制定網(wǎng)頁(yè)規(guī)范標(biāo)準(zhǔn)的組織;
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
聲明網(wǎng)頁(yè)的編碼格式;
常用的編碼格式;utf-8 國(guó)際通用標(biāo)準(zhǔn),支持英文,中文,韓文,越南語(yǔ)
日語(yǔ)等等。。。;
gbk(gb2312)它是國(guó)標(biāo),支持中文簡(jiǎn)體繁體;跟后臺(tái)有關(guān);
字體:編輯, 首選參數(shù) 字體
列表 type修改列表符號(hào);
布局,搭建一個(gè)網(wǎng)頁(yè)結(jié)構(gòu);根據(jù)用戶體驗(yàn)需求對(duì)內(nèi)容進(jìn)行合理規(guī)劃;根據(jù)網(wǎng)絡(luò)營(yíng)銷需求;
怎么布局;
表格布局
表格的最外層標(biāo)記,<table> </table>
表格里面的行用<tr></tr>表示;一對(duì)tr表示一行;
一個(gè)單元格用<td></td>來表示;
表格里面有一個(gè)屬性 邊框 border 默認(rèn)情況下,這個(gè)border="0"
ctrl alt a
單元格與單元格的縫 cellspacing 默認(rèn)情況 不為0
跨行 rowspan 跨行,就是指一個(gè)單元格在垂直方向占領(lǐng)多行;
跨列 colspan 在水平方向占領(lǐng)多個(gè)單元格;
背景顏色 bgcolor
布局 table布局;現(xiàn)在不是主流, 但是在網(wǎng)頁(yè)中還是會(huì)用到;現(xiàn)在主要用
div+css來進(jìn)行網(wǎng)頁(yè)布局;
為什么要用div+css呢?
簡(jiǎn)單一些;
2 代碼相對(duì)table而言,div+css涉及到的代碼行數(shù)更少;
2 div+css網(wǎng)頁(yè)布局有利于seo;做搜索引擎喜歡網(wǎng)站;
2 div+css方便后期管理維護(hù)(css講完之后再來理解;)
2 有利于瀏覽器的向后兼容;新的瀏覽器不能識(shí)別傳統(tǒng)的一些布局標(biāo)簽,但是div+css
所涉及的標(biāo)簽瀏覽器能夠很好的識(shí)別;
ie 5 6 7 8 9 10 11 12
CSS是什么?
有什么用?
CSS全稱是 層疊樣式表 Cascading Style Sheets 也叫樣式 ,style
修飾,美化網(wǎng)頁(yè)的;
table 表格,結(jié)構(gòu)
如何在網(wǎng)頁(yè)中實(shí)現(xiàn)CSS;CSS表現(xiàn)形式;
三種常見的表現(xiàn)形式(實(shí)現(xiàn)方式);
每一種 行內(nèi)式,
直接在html開始標(biāo)簽里面寫上style="屬性:屬性值;屬性:屬性值;"
第二種寫法: 內(nèi)部嵌入式(嵌入式)
在<head></head>內(nèi)部嵌入
<style>
css代碼
html標(biāo)簽{屬性:屬性值;}
</style>
第三種表現(xiàn)形式;外部鏈接式(外鏈?zhǔn)剑?/p>
把css樣式單獨(dú)放在一個(gè)style樣式文件夾里面,然后在html頁(yè)面中來調(diào)用這個(gè)css文件;
<link rel="stylesheet" type="text/css" href="style/yangshi.css"/>
以后大家都使用第三種表現(xiàn)式,外部鏈接式;
為什么要用第三種表現(xiàn)形式;
第一,w3c組織推薦使用第三種外鏈?zhǔn)剑?/p>
第二,外部鏈接式實(shí)現(xiàn)了表現(xiàn)(html)與樣式(css)相分離(有利于簡(jiǎn)化頁(yè)面結(jié)構(gòu)),
有利于后期維護(hù)修改等(選擇器);
第三,有利于搜索引擎優(yōu)化(seo)
選擇器
是什么?
有什么用?
p{color:red;} 它表示把所有的p標(biāo)簽里面的內(nèi)容都變成紅色;
作用:指定樣式控制修飾的對(duì)象;
常用的基礎(chǔ)選擇器;
標(biāo)簽選擇器;直接把html標(biāo)簽?zāi)玫絚ss里面當(dāng)選擇器使用的稱之為標(biāo)簽選擇器;
類選擇器;
給元素取名;
在開始標(biāo)簽里面寫上 class="類名" ,注意,類名不要以數(shù)字開頭;一般用英文小寫開頭;
在css里面寫上 .類名{屬性:屬性值;屬性:屬性值;}
background:#09F; 背景顏色 這是在css里面的寫法;
bgcolor 這是在html標(biāo)簽里面的寫法;
text-align:center; 文字居中;
以上是今天的建站的內(nèi)容,喜歡的小伙伴關(guān)注一下我每天都會(huì)更新這方面的知識(shí)!謝謝大家!
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://macbookprostickers.com/xintu/23893.html