实训

实训

制作图3-29所示的网页。

1.训练要点

（1）HTML文档的基本成分；

图3-29　实训页面结构

（2）标记的书写规范；

（3）分级标题的使用；

（4）页面的构成元素。

2.操作提示

（1）新建HTML文件，在＜title＞标签中输入“实训3”作为页面标题。

（2）使用id为wrapper的div元素将整个页面内容包裹起来。

（3）观察整个页面内容，根据语义来选择使用哪个标记，整个页面大体分为：

①最上方为页眉，使用header元素；

②最下方为页脚，使用footer元素；

③左侧、右侧为侧边栏，使用aside元素；

④中间主体内容，使用article元素。

（4）两个侧边栏和主体部分为了布局方便，分别使用id为leftsider、content、rightsider的div元素将它们包裹起来。

（5）页面标题使用h1元素，下方的3个标题使用h2元素。