一般的培訓班中, 以前端為例,最喜歡一開始就從html教,老師帶著你做一遍,后面你再自己練習。但是方方和若愚在教課的時候都不太建議我們把重點花在html上,重點是一點一滴的用起來,用著用著就當是復習了,自然就熟悉。下面我就結(jié)合課程大體上總結(jié)下html中常見的幾個知識點。
DOCTYPE
是document type的縮寫,文檔類型,比方說html,css,js等等?,F(xiàn)在的編輯器里,你寫一個“html:5”會自動補全整個的html 5框架,比方說下面的這樣。如果覺得這樣比較繁瑣,那么“!”+“table”也可以有同樣的效果。

1.不同的瀏覽器對文件的解析不一樣,聲明文檔類型可以按照統(tǒng)一的方式去解析。
2.標簽里的屬性有全局屬性比如id class和style等
3.標簽和標簽之間的空格需求,可以用?  (實際工作中千萬不要這么做,真的有這種需求,就用兩個div,然后設置margin)
4.html的實體表示說有些html本身的特定結(jié)構(gòu),想表示在網(wǎng)頁頁面當中,比方說不是標題,就想要顯示<h1>。這種需求的關(guān)鍵字是“實體”,比方說h1的實體表示,可以用? "<h1>"表示。


html的頭部
1. <meta charset="utf-8"> 其中的charset表示解碼方式是utf-8,說明在這里聲明了用utf-8的方式去解碼,這樣就不會亂碼了。編輯器的文件和瀏覽器的解碼方式不一樣,就會亂碼。
a標簽的頁面
herf="href"
herf="mailto jacktang2012@163.com"
herf=""
table標簽
***如果1行里面有4列,每一列沒有內(nèi)容,可以用縮寫“tr>td*4”
***如果1行里面有4列,每一列分別是1234,可以用縮寫"tr>(td{$})*4" 大括號里面的dollar符號表示正則里面的任意數(shù)字,? ?{$}
***如果1行里面有4列,每一列分別表示第12345列,可以用縮寫"tr>td{第$列}*4"

網(wǎng)頁上html使用小竅門
如果是個輸入框,就用input
如果是一段話,就用p
如果是一部分,能單獨占一行,就用div
如果是一部分,不能單獨占一行,就用span
如果前面有黑點,就用 li
如果是個表格,就用table
如果是標題就用 h1
如果是可點擊的,就用 a?
編程時用的幾個縮寫
1,? ?!
會生成html的框架
2, p
表示段落,會生成<p></p>
3,? .header或者#header
生成div,里面的id或者class叫做header
4, .header#header
生成div,里面的id和class都叫做header
5,? li*3>div.box
生成3個div,每個div的class叫做header
6,? li*3>{hello}
生成3個div,每個div的內(nèi)容是hello
7,? #header+#content+#footer
生成三個并列的div,每個div的id分別是header、content、footer
8,?(#header>.logo+.nav)+#content+#footer
生成三個并列的div,其中第一個div的id叫做header,該div里面含有兩個子div(class分別為logo nav),第二個和第三個div的id叫做content。