这篇文章是继于简单网页改版,是一段简单的新闻页面制作。创建,保存在上一篇文章内有写,这里就不重复了。

这次使用div标签,将新闻分页面分为三个部分,以嵌套的方式进行编写。

1.先写第一部分,先写出两个div标签,再分别给他们定义一个class命名标签。h2写做新闻标题,p标签用用来写日期和来源,最后用strong标签将来源地编写成粗字体,具体分析和实时视图看下图。

2.第二部分再新建一个div标签并且命名,再用段落标签p进行编写,设置第二部分内容的字体大小和颜色,然后对div再用强调标签span设置字体。最后加一个css实线边框样式用来美化。详细分析见下图。

网页效果图 

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐