Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
題:HTML中表示文字粗體的標(biāo)記除了使用外,還可以使用(???)
A、
B、
C、
D、
參考答案如圖所示
tml標(biāo)簽中H標(biāo)簽又稱標(biāo)題標(biāo)簽。在建網(wǎng)站中會(huì)使用到,不到的段落格式需要使用不同的標(biāo)簽。標(biāo)簽可以反映一段文字的大小、顏色、縮寫、換行、間距等等內(nèi)容,根據(jù)全文的實(shí)際情況靈活應(yīng)用標(biāo)簽,特別是HTML標(biāo)題標(biāo)簽將對(duì)網(wǎng)站文章的質(zhì)量起到非常重要的作用。我們圍繞著這個(gè)標(biāo)簽詳細(xì)講一下如何正確使用標(biāo)題標(biāo)簽。
HTML標(biāo)題標(biāo)簽的種類:
HTML標(biāo)題標(biāo)簽總共有6個(gè),分別為:H1,H2,H3,H4,H5,H6。
h1代表最大,它的重要性最高,字體也最大。
h6代表最小,字體最小,重要性也最小。
h1,h2,h3,h4,h5,h6,作為HTML標(biāo)題標(biāo)簽,顯示的文字樣式為粗體,與html粗體標(biāo)簽效果一樣。
HTML標(biāo)題標(biāo)簽的重要性:
H1-H6以重要性遞減,它可以讓頁(yè)面的層級(jí)關(guān)系更加清晰。
示例: <h1>一級(jí)標(biāo)題</h1> <p>段落</p> <div> <h2>二級(jí)標(biāo)題</h2> <p>...</p> <div> <h3>三級(jí)標(biāo)題</h3> <p>...</p> <div> <h4>四級(jí)標(biāo)題</h4> <p>...</p> </div> </div> </div>
根據(jù)文章實(shí)際的段落意義正確使用代表不同層級(jí)關(guān)系的HTML標(biāo)題標(biāo)簽,瀏覽器才能通過HTML解析出與本意一致的表達(dá)效果。
天說了CSS字體屬性的大小,font-family, 今天我們來一起學(xué)習(xí)下字體屬性的字體粗細(xì) font-weight
還是使用昨天的那首詩(shī),讓詩(shī)句中的最后一句顯示粗體,看下效果:
可以看到最后一句顯示粗體了,我們來查看下對(duì)應(yīng)的代碼:
<!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字體屬性之字體粗細(xì)和樣式</title>
<style>
.bold {
font-weight:bold;
}
</style>
</head>
<body>
<h2>明月幾時(shí)有</h2>
<p>明月幾時(shí)有,把酒問青天</p>
<p>不知天上宮闕,今夕是何年</p>
<p>我欲乘風(fēng)歸去,又恐瓊樓玉宇</p>
<p>高處不勝寒,起舞弄清影,何似在人間。</p>
<p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>
<p class="bold">但愿人長(zhǎng)久,千里共嬋娟。</p>
</body>
</html>
字體粗細(xì)中的參數(shù)包括: normal | bold | bolder | lighter | number(自定義)
我們來試試lighter和number自定義吧
可以看到紅框的字體都已經(jīng)設(shè)置好了,對(duì)應(yīng)的代碼為:
<!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字體屬性之字體粗細(xì)和樣式</title>
<style>
.bold {
font-weight:bold;
}
.lighter {
font-weight:lighter;
}
.number {
font-weight: 900;
}
</style>
</head>
<body>
<h2>明月幾時(shí)有</h2>
<p class="lighter">明月幾時(shí)有,把酒問青天</p>
<p>不知天上宮闕,今夕是何年</p>
<p class="number">我欲乘風(fēng)歸去,又恐瓊樓玉宇</p>
<p>高處不勝寒,起舞弄清影,何似在人間。</p>
<p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>
<p class="bold">但愿人長(zhǎng)久,千里共嬋娟。</p>
</body>
</html>
這里需要記住的一點(diǎn),number自定義數(shù)字后不需要加上px
那么是否可以對(duì)標(biāo)題的字體進(jìn)行粗細(xì)設(shè)置呢?
答案是可以的,一起來看下
可以看到標(biāo)題中的字體變?yōu)檎5牧耍瑢?duì)應(yīng)的代碼如下:
<!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字體屬性之字體粗細(xì)和樣式</title>
<style>
.bold {
font-weight:bold;
}
.lighter {
font-weight:lighter;
}
.number {
font-weight: 900;
}
h2 {
font-weight: normal;
}
</style>
</head>
<body>
<h2>明月幾時(shí)有</h2>
<p class="lighter">明月幾時(shí)有,把酒問青天</p>
<p>不知天上宮闕,今夕是何年</p>
<p class="number">我欲乘風(fēng)歸去,又恐瓊樓玉宇</p>
<p>高處不勝寒,起舞弄清影,何似在人間。</p>
<p>人有悲歡離合,月有陰晴圓缺,此事古難全</p>
<p class="bold">但愿人長(zhǎng)久,千里共嬋娟。</p>
</body>
</html>
加上了對(duì)h2的字體設(shè)置
好的,今天就是我們對(duì)字體粗細(xì)的學(xué)習(xí),大家加油,十一馬上就要結(jié)束了,88
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。