任务一 无序列表练习

任务一 无序列表练习

任务要求

无序列表案例

(1)新建文件901.html。

(2)根据提供的新闻列表素材,制作成品,如图9.1.1所示。

(3)练习〈ul〉的〈li〉中的插入图片和文字等其他标签。

(4)运用style="list-style:none;"可以去掉Li前面的小圆点。

(5)设置图片和文字对齐,可以在图片标签里设置对齐方式,style="vertical-align:middle"。新闻列表练习代码如图9.1.2所示。

图9.1.1 新闻列表练习

图9.1.2 新闻列表练习代码