關(guān)于html的幾個常規(guī)要點

一般的培訓班中, 以前端為例,最喜歡一開始就從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.標簽和標簽之間的空格需求,可以用? &nbsp(實際工作中千萬不要這么做,真的有這種需求,就用兩個div,然后設置margin)

4.html的實體表示說有些html本身的特定結(jié)構(gòu),想表示在網(wǎng)頁頁面當中,比方說不是標題,就想要顯示<h1>。這種需求的關(guān)鍵字是“實體”,比方說h1的實體表示,可以用? "&lt;h1&gt;"表示。

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。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,527評論 19 139
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,797評論 1 45
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,633評論 18 399
  • 學會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,443評論 2 66
  • 王建軍 “你傻啊!開個大燈照!照!照!就不知道關(guān)上???” 我搖下車窗,把車慢慢開到對面大貨車前,停下來,自己感覺都...
    東營王建軍閱讀 742評論 1 2

友情鏈接更多精彩內(nèi)容