「あゆみ」ページの作成

オリジナルの「あゆみ」の内容をコピーして各自の同レベルのページに貼りつけマークアップした。

ここで各月とその内容は定義リスト<dt><dd>を横並びにして表すことにした。

HTML　一例

<div id="contents">
<h2>よこはま布えほんぐるーぷ30年のあゆみ</h2>
<h3>平成25年（2013年）</h3>
　<dl>
　　<dt>2月</dt>
　　　<dd>西区内の保育施設・子育て支援グループ（10か所）へ布えほん・遊具寄贈</dd>
　　<dt>12月</dt>
　　　<dd>富津社協より見学者（16名）</dd>
　　<dt>11月</dt>
　　　<dd>自主講座　「ミニクリスマスタペストリー」</dd>
　　中略
　　<dt>7月</dt>
　　　<dd>神奈川県神障教組　講習会「プレゼント」</dd>
　　<dt>4月</dt>
　　　<dd>IBBY日本推薦図書に「たのしいどうぶつえん」が選ばれる。</dd>
　</dl>
　　中略
</div>

CSS（定義リスト部分）　一例

dt {
　　width: 3em;
　　float:left;
　　text-align:right;
}
　　dd{
　　margin-left:4em;
}