XHTML CSS基礎(chǔ)知識(shí)-Web標(biāo)準(zhǔn)(div+css)教程 二維碼
278
歡迎大家學(xué)習(xí)《十天學(xué)會(huì)web標(biāo)準(zhǔn)》，也就是我們常說(shuō)的DIV+CSS。不過(guò)這里的DIV+CSS是一種錯(cuò)誤的叫法，建議大家還是稱之為web標(biāo)準(zhǔn)。 學(xué)習(xí)本系列教程需有一定html和css基礎(chǔ)，也就是指您之前做過(guò)網(wǎng)頁(yè)，會(huì)用表格布局。如果您剛開(kāi)始學(xué)習(xí)網(wǎng)頁(yè)制作，不知道什么是表格布局及html和css，建議您先去充電，否則學(xué)習(xí)本教程會(huì)非常吃力或者根本就聽(tīng)不懂。 由于時(shí)間關(guān)系，本教程只講解一些基礎(chǔ)知識(shí)，讓您從原來(lái)的表格布局跨入到web標(biāo)準(zhǔn)（div+css）布局，會(huì)使用web標(biāo)準(zhǔn)制作出常見(jiàn)的頁(yè)面，這也達(dá)到了本教程的目的。 本教程多以實(shí)例形式循序漸進(jìn)講解，實(shí)例涉及到哪些關(guān)鍵點(diǎn)或難點(diǎn)就講解什么，較少講解概念。因?yàn)楦拍钸@些東西很難說(shuō)明白，或者說(shuō)明白你也不一定能聽(tīng)懂，聽(tīng)懂了也不一定能理解。所以把概念留給大家以后再深入研究。 由于章節(jié)關(guān)系，沒(méi)有把css和css hack單獨(dú)分出，只是在用到的時(shí)候穿插入講解了。html基礎(chǔ)和css基礎(chǔ)只在第一節(jié)中介紹了幾點(diǎn)重要的。 下面我們開(kāi)始第一天的學(xué)習(xí) 一、xhtml css基礎(chǔ)知識(shí) 首先說(shuō)一下我們這節(jié)課的知識(shí)點(diǎn)
1）文檔類型 當(dāng)我們用dreamweaver新建一下html格式文檔時(shí)，查看源代碼，會(huì)發(fā)現(xiàn)代碼最上部有如下這句話： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 這句話標(biāo)明本文檔是過(guò)渡類型，另外還有框架和嚴(yán)格類型，目前一般都采用過(guò)渡類型，因?yàn)?/span>瀏覽器對(duì)XHTML的解析比較寬松，允許使用HTML4.01中的標(biāo)簽，但必須符合XHTML的語(yǔ)法。許多朋友在制作頁(yè)面時(shí)，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問(wèn)題。 2）語(yǔ)言編碼 接下來(lái)我們還會(huì)發(fā)現(xiàn)這樣一句話： <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 它標(biāo)示文檔的語(yǔ)言編碼。就像我們平時(shí)所說(shuō)的漢語(yǔ)、英語(yǔ)一樣。這里的gb2312告訴瀏覽器，本文檔采用簡(jiǎn)體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國(guó)際通用的編碼。不管我們采用哪種編碼，有一點(diǎn)就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會(huì)出現(xiàn)亂碼。 3）html標(biāo)簽 html標(biāo)簽在頁(yè)面中都必須結(jié)束。成對(duì)的標(biāo)簽以“/標(biāo)簽名”結(jié)束，有些單一的標(biāo)簽在本身的結(jié)尾打上/來(lái)結(jié)束，這是xhtml代碼編寫(xiě)的規(guī)范。 成對(duì)的標(biāo)簽： <head>{...}</head> <body>{...}</body> <div>{...}</div> <span>{...}</span> <p>{...}</p> ...... 單一的標(biāo)簽： <img src="" /> <br /> ....... 還需說(shuō)明一點(diǎn)的是按xhtml規(guī)范，標(biāo)簽必須用小寫(xiě)。  以信載商，良心建站。遨游始終秉承“一次建站、終身維護(hù)”的宗旨，竭誠(chéng)為客戶提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念，讓你的網(wǎng)頁(yè)更利于搜索引擎抓取，關(guān)鍵詞排名更靠前。可仿站、可定制。無(wú)論是傳統(tǒng)型企業(yè)官網(wǎng)、集團(tuán)型品牌官網(wǎng)，還是營(yíng)銷型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站（醫(yī)療、教育），全部搞定。 公司：網(wǎng)站建設(shè)_小程序設(shè)計(jì)_競(jìng)價(jià)托管代運(yùn)營(yíng)公司；郵箱：1013601535@qq.com 手機(jī)：17073547034；QQ： 1013601535 在線留言咨詢，24小時(shí)內(nèi)回復(fù)
我想咨詢 *
企業(yè)名稱
手機(jī)號(hào)碼 *
您的姓名
所在城市 提交 |
網(wǎng)站建設(shè)問(wèn)題
熱門標(biāo)簽
網(wǎng)站建設(shè)多少錢 網(wǎng)站改版多少錢 高端網(wǎng)站建設(shè) 響應(yīng)式網(wǎng)站建設(shè)多少 營(yíng)銷型網(wǎng)站建設(shè)多少錢 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站建設(shè)制作費(fèi)用 網(wǎng)站設(shè)計(jì)多少錢 網(wǎng)站優(yōu)化 網(wǎng)站制作多少錢 做網(wǎng)站 外貿(mào)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 最新發(fā)布 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
