【宿題】おかずのhtml

授業 
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>おかず</title>
<link rel="stylesheet" href="css/base.css">
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<section id="container">
<img src="images_okazu/line01.png" alt="">
<header>
<h1><a href="okazu-sample.html"><img src="images_okazu/logo01.png" alt=""></a></h1>
<nav id="navGlobal">
<ul class="list">
<li><a href="#"><img class="btn" src="images/nav01_01.png" alt="about"></a></li>
<li><a href="#"><img class="btn" src="images/nav02_01.png" alt="menu"></a></li>
<li><a href="#"><img class="btn" src="images/nav03_01.png" alt="access"></a></li>
<li><a href="#"><img class="btn" src="images/nav04_01.png" alt="news"></a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li><img src="images_okazu/ph26_l.jpg" alt=""></li>
<li>4</li>
<li>5</li>
<li><img src="images_okazu/ph12_my.jpg" alt=""></li>
<li><img src="images_okazu/ph02_s.jpg" alt=""></li>
<li><img src="images_okazu/ph22_s.jpg" alt=""></li>
<li><img src="images_okazu/ph11_l.jpg" alt=""></li>
<li><img src="images_okazu/ph10_l.jpg" alt=""></li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li><img src="images_okazu/ph14_l.jpg" alt=""></li>
</ul>
</section>
<footer><img src="images_okazu/line03.png" alt=""></footer>
</section>
</body>
</html>

ひとまずプレーンに戻して、CSSとの連携を見直したい。