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