您的位置:首页> 建站知识 > H5开发
【网站建设中模版】文字与段落排版综合
标签:H5开发
发表日期:2018-11-09 11:38:38     文章编辑:admin     浏览次数:63

 【网站建设中模版】

   在页面中,标题是一段文字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;”空格符号。
关于我们
易神州网络-领先的软件开发和品牌营销专家,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销、品牌公关经验。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
010-51290809
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京朝阳区光华路4号东方梅地中心C座16层
关注公众号