一、实验目的
(1)掌握HTML5结构标签。
(2)掌握HTML5基础标签和列表。
(3)能够用结构标签确定网页内容结构,在相应的结构区域内填充和文本相关的内容。
二、实验原理或实验内容
(1)所示页面用html5结构标签完成页面的内容结构。其中页面最上面的带有“世界地球日”文字的是logo图像。内容结构由页头、导航、内容和页脚4个部分构成,其中内容区又由内容和两个边栏3个部分构成。
(2)使用HTML5基础标签和列表标签将文本内容填加到对应的结构区域内。
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>世界地球日</title>
</head>
<body>
<header class="flex">
<h1></h1>
</header>
<nav class="flex">
<!-- 导航菜单 -->
<div class=&