Wdb前端开发》实验教学指导/实验一:W开发工具的使用4 (5)用浏览器打开,查看网页效果。 (6)完成下述任务。 任务一:理解HTML5的基本结构,掌握HIML5文档的编写规范,解释HIML的结构。(5 分) 任务二:解释h1标记、hr标记、p标记以及它们属性的含义。(5分) 要求 请将上述实验任务的实验结果,填写到实验报告册中 4、设置body标记属性改变网页显示效果 设置body标记属性可以改变网页的显示效果。主要属性有: bgcolor、 background、text link、 alink、 vlink、 topmargin、 leftmargin (1)新建HTML文件; (2)给body添加相关属性,代码如图1-8所示。 D字工数计动 的W的若开其导01一1W的开加的用素时o a工M运行阳描|口 日。品|D2|{国日因国一翻是 背影》是现代作家<hm”>朱自清(a行于1925年所写的一篇国忆性散文,这篇数文叙述 图1-8body属性的应用 (3)请完成下面的任务 任务一:设置网页的背景色为白色,字体为黑色。(5分) 任务二:描述 bgcolor、 background、text、link、 alink、link、 topmargin、 leftmargin属性的含 义。(5分) 要求 请将上述任务的操作方法,填写到实验报告册中。 六、自主实验步骤(20分) 1、完成新闻页面的开发 (1)新闻页面如图1-9所示。 (2)完成下述任务 任务一:完成新闻页面的设计。(10分) 任务二:完成新闻页面的开发。(10分) 要求 请将完成上述任务的步骤,填写到实验报告册中。 本讲共计5页|当前第4页《Web 前端开发》实验教学指导 / 实验一：Web 开发工具的使用 本讲共计 5 页 | 当前第 4 页 （5）用浏览器打开，查看网页效果。 （6）完成下述任务。 任务一：理解 HTML5 的基本结构，掌握 HTML5 文档的编写规范，解释 HTML 的结构。（5 分） 任务二：解释 h1 标记、hr 标记、p 标记以及它们属性的含义。（5 分） 要求： 请将上述实验任务的实验结果，填写到实验报告册中。 4、设置 body 标记属性改变网页显示效果 设置 body 标记属性可以改变网页的显示效果。主要属性有：bgcolor、background、text、 link、alink、vlink、topmargin、leftmargin。 （1）新建 HTML 文件； （2）给 body 添加相关属性，代码如图 1-8 所示。 （3）请完成下面的任务： 任务一：设置网页的背景色为白色，字体为黑色。（5 分） 任务二：描述 bgcolor、background、text、link、alink、vlink、topmargin、leftmargin 属性的含 义。（5 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 六、自主实验步骤（20 分） 1、完成新闻页面的开发 （1）新闻页面如图 1-9 所示。 （2）完成下述任务。 任务一：完成新闻页面的设计。（10 分） 任务二：完成新闻页面的开发。（10 分） 要求： 请将完成上述任务的步骤，填写到实验报告册中。 图 1-8 body 属性的应用