整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          問題:HTML中表示文字粗體的標記除了使用<strong>外,還可以使用

          題:HTML中表示文字粗體的標記除了使用外,還可以使用(???)

          A、

          B、

          C、

          D、

          參考答案如圖所示

          tml標簽中H標簽又稱標題標簽。在建網站中會使用到,不到的段落格式需要使用不同的標簽。標簽可以反映一段文字的大小、顏色、縮寫、換行、間距等等內容,根據全文的實際情況靈活應用標簽,特別是HTML標題標簽將對網站文章的質量起到非常重要的作用。我們圍繞著這個標簽詳細講一下如何正確使用標題標簽。

          HTML標題標簽的種類:
          HTML標題標簽總共有6個,分別為:H1,H2,H3,H4,H5,H6。
          h1代表最大,它的重要性最高,字體也最大。
          h6代表最小,字體最小,重要性也最小。
          h1,h2,h3,h4,h5,h6,作為HTML標題標簽,顯示的文字樣式為粗體,與html粗體標簽效果一樣。


          HTML標題標簽的重要性:
          H1-H6以重要性遞減,它可以讓頁面的層級關系更加清晰。

          示例:
          <h1>一級標題</h1>
          <p>段落</p>
          <div>
          <h2>二級標題</h2>
          <p>...</p>
          <div>
          <h3>三級標題</h3>
          <p>...</p>
          <div>
          <h4>四級標題</h4>
          <p>...</p>
          </div>
          </div>
          </div>

          根據文章實際的段落意義正確使用代表不同層級關系的HTML標題標簽,瀏覽器才能通過HTML解析出與本意一致的表達效果。

          天說了CSS字體屬性的大小,font-family, 今天我們來一起學習下字體屬性的字體粗細 font-weight

          還是使用昨天的那首詩,讓詩句中的最后一句顯示粗體,看下效果:

          可以看到最后一句顯示粗體了,我們來查看下對應的代碼:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>CSS字體屬性之字體粗細和樣式</title>

          <style>

          .bold {

          font-weight:bold;

          }

          </style>

          </head>

          <body>

          <h2>明月幾時有</h2>

          <p>明月幾時有,把酒問青天</p>

          <p>不知天上宮闕,今夕是何年</p>

          <p>我欲乘風歸去,又恐瓊樓玉宇</p>

          <p>高處不勝寒,起舞弄清影,何似在人間。</p>

          <p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>

          <p class="bold">但愿人長久,千里共嬋娟。</p>

          </body>

          </html>


          字體粗細中的參數包括: normal | bold | bolder | lighter | number(自定義)

          我們來試試lighter和number自定義吧

          可以看到紅框的字體都已經設置好了,對應的代碼為:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>CSS字體屬性之字體粗細和樣式</title>

          <style>

          .bold {

          font-weight:bold;

          }


          .lighter {

          font-weight:lighter;

          }


          .number {

          font-weight: 900;

          }

          </style>

          </head>

          <body>

          <h2>明月幾時有</h2>

          <p class="lighter">明月幾時有,把酒問青天</p>

          <p>不知天上宮闕,今夕是何年</p>

          <p class="number">我欲乘風歸去,又恐瓊樓玉宇</p>

          <p>高處不勝寒,起舞弄清影,何似在人間。</p>

          <p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>

          <p class="bold">但愿人長久,千里共嬋娟。</p>

          </body>

          </html>

          這里需要記住的一點,number自定義數字后不需要加上px


          那么是否可以對標題的字體進行粗細設置呢?

          答案是可以的,一起來看下

          可以看到標題中的字體變為正常的了,對應的代碼如下:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="X-UA-Compatible" content="IE=edge">

          <meta name="viewport" content="width=device-width, initial-scale=1.0">

          <title>CSS字體屬性之字體粗細和樣式</title>

          <style>

          .bold {

          font-weight:bold;

          }


          .lighter {

          font-weight:lighter;

          }


          .number {

          font-weight: 900;

          }


          h2 {

          font-weight: normal;

          }

          </style>

          </head>

          <body>

          <h2>明月幾時有</h2>

          <p class="lighter">明月幾時有,把酒問青天</p>

          <p>不知天上宮闕,今夕是何年</p>

          <p class="number">我欲乘風歸去,又恐瓊樓玉宇</p>

          <p>高處不勝寒,起舞弄清影,何似在人間。</p>

          <p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>

          <p class="bold">但愿人長久,千里共嬋娟。</p>

          </body>

          </html>

          加上了對h2的字體設置


          好的,今天就是我們對字體粗細的學習,大家加油,十一馬上就要結束了,88


          主站蜘蛛池模板: 在线日产精品一区| 日韩视频一区二区在线观看| 日本一区二三区好的精华液| 日韩精品一区二三区中文| 日韩人妻不卡一区二区三区| 白丝爆浆18禁一区二区三区 | 成人精品视频一区二区三区 | 美女啪啪一区二区三区| 亚洲成a人一区二区三区| 精品福利视频一区二区三区| 国产一区二区在线视频| 久久国产高清一区二区三区| 性色AV一区二区三区天美传媒| 亚洲AV无码一区二区三区DV| 国产精品亚洲综合一区| 精品一区二区三区无码免费直播 | 国产精品一区电影| 亚洲av日韩综合一区二区三区| 99久久人妻精品免费一区| 日韩精品中文字幕无码一区| 日本亚洲成高清一区二区三区| 亚洲午夜福利AV一区二区无码| A国产一区二区免费入口| 久久久久女教师免费一区| 精品一区二区三区在线观看| 丝袜人妻一区二区三区网站| 一区二区乱子伦在线播放| 亚洲日本一区二区三区在线| 国产一区二区女内射| 日韩内射美女人妻一区二区三区 | 国产大秀视频一区二区三区| 成人区人妻精品一区二区三区| 国产香蕉一区二区三区在线视频 | 国产日韩AV免费无码一区二区| 国精无码欧精品亚洲一区| 国产精品视频一区二区三区无码| 麻豆AV一区二区三区久久| 亚洲国产AV一区二区三区四区| 在线精品一区二区三区电影| 一区二区不卡久久精品| 综合人妻久久一区二区精品 |