网站建设中模版

在页面中,标题是一段文字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>&nbsp;&nbsp;&nbsp;&nbsp;会员积分:是凸显会员优惠越多。<br/> &nbsp;&nbsp;&nbsp;&nbsp;赠送积分类商品:部分商品分类商品。 </p> <h2>积分获取方法</h2> <div align="left"> &nbsp;&nbsp;&nbsp;&nbsp;A.赠送积分:在商城中部分商品逐次累积。<br/> &nbsp;&nbsp;&nbsp;&nbsp;B.商品评价:使用商品评价功能积分赠送。 </div> </body> </html>案例说明从本例可以看出,HTML语言忽略多余的空格,最多只留一个空格。在需要空格的位置,可以用"&nbsp;"插入一个空格,或者输入全角中文空格。"&nbsp;"为非换行的空格符号,用它可以在文本中加入任意多个空格。例如,在本例中,积分说明段落的开头为了实现首行缩进的效果,在段落标签<p>后面连续加上4个"&nbsp;"空格符号。