今天我们来实战开发一个简易的新闻页面，最终效果如下：

首先第一步，创建一个基础页面模板，代码如下：

<!文档类型 网页类型>
<网页 语言代码="中文">
<网页头部>
    <网页信息 文档编码="UTF8">
    <网页信息 名称="页面视图" 关联数据="视图宽度, 初始缩放值">
    <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本">
    <网页标题>Document</网页标题>
</网页头部>
<网页主体>
    <!--这里编写网页代码-->
    
    
</网页主体>
</网页>

然后我们用标题1标签，创建新闻页面的标题，代码如下：

<标题1>正月初五年俗知多少：“接财神”，吃饺子！</标题1>

接着创建新闻分段小标题，这里我们选择标题4标签，代码如下：

<标题4>正月初五又称“破五”</标题4>

然后我们再用段落标签填充相关的小标题内容，代码如下：

<段落>
    中新网北京1月26日电(记者 上官云)转眼间,时间走到了正月初五.它是一个比较重要的时间节点,又称为"破五",意味着农历新年前几天的诸多禁忌过此日可破除.
</段落>
<段落>
    正月初五来临，民间往往要“送穷”，“接财神”。在饮食方面，很多北方人会吃饺子。诸多习俗，寄寓了人们迎祥纳福的美好心愿。
</段落>
<段落>
    “破五”一到，意味着过年活动的第一阶段也就基本结束了。
</段落>

接着再重复上面的操作，创建一段内容，代码如下：

<标题4>"破五"为何要吃饺子?</标题4>
<段落>
    “民以食为天”。正月初五到来，各地都有较为固定的饮食习惯，很多北方人会选择吃一顿美味的饺子。
</段落>
<段落>
    这个时候吃的饺子，有的地方称为“捏小人嘴”，包饺子时，要用手一下挨一下地沿着饺子边捏。据说，这样可以规避新一年的谗言。
</段落>

最后，我们添加一下日期和作者名称

xxx年xxx月xxx日<换行>
记者:马云2号

好啦，执行到这一步，简单的新闻页面就已经开发完毕了。

完整代码参考如下：

<!文档类型 网页类型>
<网页 语言代码="中文">
<网页头部>
    <网页信息 文档编码="UTF8">
    <网页信息 名称="页面视图" 关联数据="视图宽度, 初始缩放值">
    <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本">
    <网页标题>Document</网页标题>
</网页头部>
<网页主体>
    <!--这里编写网页代码-->
    <标题1>正月初五年俗知多少：“接财神”，吃饺子！</标题1>
    <标题4>正月初五又称“破五”</标题4>
    <段落>
        中新网北京1月26日电(记者 上官云)转眼间,时间走到了正月初五.它是一个比较重要的时间节点,又称为"破五",意味着农历新年前几天的诸多禁忌过此日可破除.
    </段落>
    <段落>
        正月初五来临，民间往往要“送穷”，“接财神”。在饮食方面，很多北方人会吃饺子。诸多习俗，寄寓了人们迎祥纳福的美好心愿。
    </段落>
    <段落>
        “破五”一到，意味着过年活动的第一阶段也就基本结束了。
    </段落>
    <标题4>"破五"为何要吃饺子?</标题4>
    <段落>
        “民以食为天”。正月初五到来，各地都有较为固定的饮食习惯，很多北方人会选择吃一顿美味的饺子。
    </段落>
    <段落>
        这个时候吃的饺子，有的地方称为“捏小人嘴”，包饺子时，要用手一下挨一下地沿着饺子边捏。据说，这样可以规避新一年的谗言。
    </段落>
    xxx年xxx月xxx日<换行>
    记者:马云2号
    
</网页主体>
</网页>

 

点击下载简单新闻页面案例：下载简单新闻页面案例