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