初始HTML的標(biāo)簽小知識

我們知道HTML5是由HTML+CSS+JavaScript注服,三部分組成。其中HTML是Hyper Text Markup Language的縮寫乱陡,那HTML主要是包含一系列的標(biāo)簽,我們把這些標(biāo)簽叫做HTML標(biāo)簽仪壮,它是HTML語言中最基本的單位憨颠、最重要的組成部分。我們一起來看看吧积锅。


一:特點

1.由尖括號包圍的關(guān)鍵詞爽彤,比如

2.通常是成對出現(xiàn)的,比如 <div> 和

3.標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽缚陷,第二個標(biāo)簽是結(jié)束標(biāo)簽适篙;

4.開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽。

5.也有單獨呈現(xiàn)的標(biāo)簽箫爷,如:<img src="xxx.jpg"/>等嚷节。

6.一般成對出現(xiàn)的標(biāo)簽,其內(nèi)容在兩個標(biāo)簽中間虎锚。單獨呈現(xiàn)的標(biāo)簽硫痰,則在標(biāo)簽屬性中賦值。如<h1>標(biāo)題和 <input type= “text” value=“按鈕”>窜护。

7.網(wǎng)頁的內(nèi)容需在標(biāo)簽中效斑,標(biāo)題、字符格式柱徙、語言缓屠、兼容性奇昙、關(guān)鍵字、描述等信息顯示在標(biāo)簽中敌完,而網(wǎng)頁需展示的內(nèi)容需嵌套在標(biāo)簽中储耐。某些時候不按標(biāo)準(zhǔn)書寫代碼雖然可以正常顯示,但是作為職業(yè)素養(yǎng)蠢挡,還是應(yīng)該養(yǎng)成正規(guī)編寫習(xí)慣弧岳。

二:HTML標(biāo)簽類型

1.塊級標(biāo)簽:

? ?1.1 獨占一行的標(biāo)簽

? 1.2 能隨時設(shè)置高度和寬度(如div p h1 h2 ul li)

2.行內(nèi)標(biāo)簽(內(nèi)聯(lián)標(biāo)簽)

? 2.1 多個標(biāo)簽?zāi)芡瑫r顯示在一行

?2.2 寬度和高度取決于內(nèi)容的尺寸(如span a label)

3.行內(nèi)-塊級標(biāo)簽(內(nèi)聯(lián)-塊級標(biāo)簽)

?3.1 多個行內(nèi)-塊級標(biāo)簽可以顯示在同一行

?3.2 能隨時改變寬度和高度(如 input button)

4.修改標(biāo)簽的顯示類型

?4.1CSS中display屬性,能修改標(biāo)簽的顯示類型

?4.1.1 none:隱藏標(biāo)簽

?4.1.2block:讓標(biāo)簽變?yōu)閴K級標(biāo)簽

?4.1.3inline:讓標(biāo)簽變成行內(nèi)標(biāo)簽

?4.1.4inlin-block:讓標(biāo)簽變成行內(nèi)-塊級標(biāo)簽

三:種類

圖片鏈接:http://www.html5star.com/manual/html5label-meaning/

下一期總結(jié)CSS的標(biāo)簽知識

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末业踏,一起剝皮案震驚了整個濱河市禽炬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌勤家,老刑警劉巖腹尖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異伐脖,居然都是意外死亡热幔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門讼庇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來绎巨,“玉大人,你說我怎么就攤上這事蠕啄〕∏冢” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵歼跟,是天一觀的道長和媳。 經(jīng)常有香客問我,道長哈街,這世上最難降的妖魔是什么留瞳? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮骚秦,結(jié)果婚禮上她倘,老公的妹妹穿的比我還像新娘。我一直安慰自己作箍,他們只是感情好帝牡,可當(dāng)我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蒙揣,像睡著了一般。 火紅的嫁衣襯著肌膚如雪开瞭。 梳的紋絲不亂的頭發(fā)上懒震,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天罩息,我揣著相機與錄音,去河邊找鬼个扰。 笑死瓷炮,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的递宅。 我是一名探鬼主播娘香,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼办龄!你這毒婦竟也來了烘绽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤俐填,失蹤者是張志新(化名)和其女友劉穎安接,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體英融,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡盏檐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了驶悟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胡野。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖痕鳍,靈堂內(nèi)的尸體忽然破棺而出硫豆,到底是詐尸還是另有隱情,我是刑警寧澤额获,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布够庙,位于F島的核電站,受9級特大地震影響抄邀,放射性物質(zhì)發(fā)生泄漏耘眨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一境肾、第九天 我趴在偏房一處隱蔽的房頂上張望剔难。 院中可真熱鬧,春花似錦奥喻、人聲如沸偶宫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽纯趋。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吵冒,已是汗流浹背纯命。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留痹栖,地道東北人亿汞。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像揪阿,于是被迫代替她去往敵國和親疗我。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案南捂? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,728評論 1 92
  • 本文主要是起筆記的作用吴裤,內(nèi)容來自慕課網(wǎng). 認(rèn)識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,622評論 0 30
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,225評論 1 41
  • HTML需要掌握標(biāo)簽 標(biāo)簽(空格分隔): H5+CSS [TOC] 常用標(biāo)簽 img 注意點 和H系列標(biāo)簽/p標(biāo)簽...
    袁俊亮技術(shù)博客閱讀 2,045評論 1 8
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,518評論 32 459