【網(wǎng)站建設(shè)中模版】
在頁面中,標(biāo)題是一段文字J內(nèi)容的核心,所以需要用加強(qiáng)的效果來表示。網(wǎng)頁中的信息可以分為主要點(diǎn)、次要點(diǎn),通過設(shè)置不同字體的標(biāo)題,可以增加文章的條理性。標(biāo)題文字標(biāo)簽的格式為:
<h# align=’’leftlcenterlright”>標(biāo)題文字</h軫 其中,“#”用來指定標(biāo)題文字的大小,其值取1~6之間的整數(shù)值,取1時(shí)文字最大,取6時(shí)文字最小。
屬性align用來設(shè)置標(biāo)題在頁面中的對齊方式,取值為:left(左對齊)、center(居中)或right(右對齊),默認(rèn)為left。
<h撐>…</l1掙>標(biāo)簽?zāi)J(rèn)顯示宋體。在一個(gè)標(biāo)題行中無法使用不同大小的字體。4.5.7文字與段落排版綜合實(shí)例
【案例4-2】制作一個(gè)商城積分說明的頁面。
【案例展示】本例文件4-2.html在瀏覽器中顯示的效果如圖4-5所示。
【學(xué)習(xí)目標(biāo)】掌握文字與段落綜合排版技術(shù)。
【知識(shí)要點(diǎn)】使用文字標(biāo)簽與段落標(biāo)簽。
代碼如下:
<! doctype html>
<html>
<head>
<title>樂天手機(jī)商城積分</title>
</head>
圖4-5頁面的顯示效果
<body>
<hl align=”center”>積分說明</hl>
<hr/>
<p> 會(huì)員積分:是凸顯會(huì)員……優(yōu)惠越多。<br/>
贈(zèng)送積分類商品:部分商品……分類商品。
</p>
<h2>積分獲取方法</h2>
<div align=”left”>
A.贈(zèng)送積分:在商城中部分商品……逐次累積。<br/>
B.商品評價(jià):使用商品評價(jià)功能……積分贈(zèng)送。
</div>
</body>
</html>
【案例說明】從本例可以看出,HTML語言忽略多余的空格,最多只留一個(gè)空格。在需要空格的位置,可以用“ ”插入一個(gè)空格,或者輸入全角中文空格。“ ”為非換行的空格符號(hào),用它可以在文本中加入任意多個(gè)空格。例如,在本例中,積分說明段落的開頭為了實(shí)現(xiàn)首行縮進(jìn)的效果,在段落標(biāo)簽<p>后面連續(xù)加上4個(gè)“ ”空格符號(hào)。