<script type="text/javascript"><!--
  $(function(){
    $(":header").css("backgroundColor","yellow");
  });
//--></script>

<h1>a18.＜ｈ１＞〜＜ｈ６＞までのエレメントにアクセス</h1>
<h2>見出しです</h2>
<div id="header">
私が作った<span>クリップ＆バッチ</span>
</div>
<div>
<a href="img/200906281613.jpg"><img src="img/200906281613_s.gif" title="バッチ" />バッチ</a>
<a href="img/200906281611.jpg"><img src="img/200906281611_s.gif" title="クリップ" />クリップ</a>
<a href="img/200906281616.jpg"><img src="img/200906281616_s.gif" title="クリップ" />クリップ</a>
<a href="img/200906281618.jpg"><img src="img/200906281618_s.gif" title="クリップ" />クリップ</a>
</div>
<div id="footer" class="note">
<span>インベーダー</span>のバッチは私がデザインしました
</div>
<p class="note">
<span>(注意)</span>クリップのキャラクターはでこぼこフレンズのメロディーヌです
</p>