【网站建设中模版】
在页面中,标题是一段文字J内容的核心,所以需要用加强的效果来表示。网页中的信息可以分为主要点、次要点,通过设置不同字体的标题,可以增加文章的条理性。标题文字标签的格式为:
<h# align=’’leftlcenterlright”>标题文字</h轸 其中,“#”用来指定标题文字的大小,其值取1~6之间的整数值,取1时文字最大,取6时文字最小。
属性align用来设置标题在页面中的对齐方式,取值为:left(左对齐)、center(居中)或right(右对齐),默认为left。
<h撑>…</l1挣>标签默认显示宋体。在一个标题行中无法使用不同大小的字体。4.5.7文字与段落排版综合实例
【案例4-2】制作一个商城积分说明的页面。
【案例展示】本例文件4-2.html在浏览器中显示的效果如图4-5所示。
【学习目标】掌握文字与段落综合排版技术。
【知识要点】使用文字标签与段落标签。
代码如下:
<! doctype html>
<html>
<head>
<title>乐天手机商城积分</title>
</head>
图4-5页面的显示效果
<body>
<hl align=”center”>积分说明</hl>
<hr/>
<p> 会员积分:是凸显会员……优惠越多。<br/>
赠送积分类商品:部分商品……分类商品。
</p>
<h2>积分获取方法</h2>
<div align=”left”>
A.赠送积分:在商城中部分商品……逐次累积。<br/>
B.商品评价:使用商品评价功能……积分赠送。
</div>
</body>
</html>
【案例说明】从本例可以看出,HTML语言忽略多余的空格,最多只留一个空格。在需要空格的位置,可以用“ ”插入一个空格,或者输入全角中文空格。“ ”为非换行的空格符号,用它可以在文本中加入任意多个空格。例如,在本例中,积分说明段落的开头为了实现首行缩进的效果,在段落标签<p>后面连续加上4个“ ”空格符号。