標(biāo)簽（空格分隔）： 標(biāo)簽+樣式

• dl標(biāo)簽

<dl>
    <dt>計算機(jī)</dt>
    <dd>計算機(jī)的第一次課程</dd>
    <dt>計算機(jī)</dt>
    <dd>計算機(jī)的第一次課程</dd>
</dl>

定義和用法

• dl標(biāo)簽定義了列表
• dl標(biāo)簽用于結(jié)合dt(定義了列表中的項(xiàng)目)和dd(描述了列表中的項(xiàng)目)

行內(nèi)標(biāo)簽和塊級標(biāo)簽

• 行內(nèi)標(biāo)簽

  • a img span em strong
    • a標(biāo)簽:主要用來鏈接一個頁面
    • img標(biāo)簽:圖片引用標(biāo)簽
    • span標(biāo)簽:主要用來對行內(nèi)的文字進(jìn)行一些樣式操作
    • em標(biāo)簽:主要用來對文字進(jìn)行強(qiáng)調(diào),用斜體體現(xiàn)出來
    • strong標(biāo)簽:主要用來對文字進(jìn)行強(qiáng)調(diào),用加粗字體體現(xiàn)出來

• 塊級標(biāo)簽

  • div p ul li h1-h6 dl dt dd
    • div:用于頁面布局
    • p:用于劃分文章段落
    • ul:無序列表標(biāo)簽
    • li:列表中的主體使用標(biāo)簽
    • dl:定義了列表標(biāo)簽
    • dt:定義列表中的項(xiàng)目
    • dd:描述列表中的項(xiàng)目
    • h1-h6: 6級標(biāo)題標(biāo)簽 字體的大小依次變小

區(qū)別:

• 行內(nèi)標(biāo)簽:在一行內(nèi)顯示,不能設(shè)置寬度和高度
• 塊級標(biāo)簽:獨(dú)占一行,可以設(shè)置寬度和高度

嵌套規(guī)則:

• 塊級標(biāo)簽可以嵌套行內(nèi)標(biāo)簽,但是行內(nèi)標(biāo)簽不可以嵌套塊級標(biāo)簽
• p標(biāo)簽不可以套塊級標(biāo)簽,但是可以套span,a標(biāo)簽

樣式的引入三種方式:

• 外鏈?zhǔn)?br> <link rel="stylesheet" type="text/css" href="css/style.css">
• 內(nèi)聯(lián)樣式
  <span class="tit" style="color:pink;">王者榮耀</span>
• 內(nèi)部樣式
  <style type="text/css"> .kkk{ color:yellow !important; } </style>

樣式的寫法

font-family: "Microsoft YaHei", Helvetica, sans-serif;