这次我们学习的是如何使用HTML制作简单的新闻页面

完成效果如下图所示:

  • 进行效果分析

  • 制作结构

首先打开dw 创新文件夹(前面已经讲过了)

  • 将所要展示的文字输入在<body>标签内

水平线用<hr>

 

  • 添加样式

补充一点文本格式化标签,有如下几种标签:(HTML属性的定义形式“属性=“属性值””)

然后要对字体颜色大小进行修改

利用<h2 align=”center”>使得标题和时间居中

利用HTML的文本样式标签<font></font>修改文字的颜色和大小,输入相对的属性值

效果图中需要对“移动互联网”“两微一抖”两处进行颜色修改,就应该在相对应词的前后加<font>标签,最后打开网页的完成效果:

 

更多推荐

使用HTML制作简单的新闻页面