任务3运用HTML5的新标签网页设计与制作HTMLCSSJ.pptxVIP

;;;;依据草图实现基本的HTML只是实现前端页面的一小步，HTML5中所有的标签都是有结构性的。

本任务就是使用HTML5新标签来优化门户网站主页的页面文档。;;;/;;;;;;举例演示;举例演示;;;举例演示;;;;figure标签和figcaption标签;举例演示;举例演示;

hgroup标签可以将标题或者子标题进行分组，通常它与h1~h6标签组合使用，一个内容块中的标题可以通过hgroup标签组成一组。;;;1details标签和summary标签;举例演示;;;;;举例演示;;举例演示;;例如：

p开馆时间：time9:30/time/p;;1视频格式;2音频格式;;;举例演示;4HTML5插入音频;4HTML5插入音频;举例演示;;《淇澳清风图》作品赏析页面的实现;《淇澳清风图》作品赏析页面的实现;;【演示】本任务根据AI人工智能学习网站主页效果的下半部分效果。;HTML5结构设计示意图;;举例演示;;举例演示;;举例演示;;举例演示;;;举例演示;;;AI加油站：使用“代码小浣熊”编程助手;;【实训目的】

1.通过网页页面分析，掌握HTML5结构性标签的语义。

2.能通过网页页面与“查看源代码”功能，模仿编写HTML页面

【实训内容】

实训任务1：通过浏览清华大学主页，分析其HTML5的结构性编码。;实训任务2：使用HTML实现“设计师列表”的页面效果。;