2
阶段2：任务进阶

2-1 【任务分析】

根据网页效果图，实现“时政新闻”模块，主要训练要点包括水平分割线设置、图文混排和文字样式设置，如图1-8所示。

“时政新闻”模块结构与“头部”模块类似，左图右文，文字部分格式更复杂，包括标题文字、段落文字、普通文字。我们需要熟练运用各文字标记的对齐方式、字号大小、颜色、加粗等属性综合完成设计。

2-2 【任务实施】

网页参考代码如下：

2-3 【知识扩展】

1.对比按照“时政新闻”模块参考代码制作的网页与样图，可以发现，图片与文字之间的间距过紧，如图1-9所示。

现阶段可以通过＜img hspace=＂ value＂／＞用于指定图像左右两侧的空白，value取值以像素为单位，注意：HTML 4. 01 Strict和XHTML 1. 0 Strict DTD均不支持此属性，在学习了CSS后，请用CSS作为替代。

2.对比以下两种写法的网页效果，说说有什么区别，解释原因。

＜ins＞＜font color=＂＃009933＂＞写法1＜/font＞＜/ins＞

＜font color=＂＃009933＂＞＜ins＞写法1＜/ins＞＜/font＞ GnCS/S1eXTaA2KdpEpIzR9LsB6sI72EpINAPM1mQluKYyd8aTbVqnsA44iIbAtqm