講座予定表

テーブルは、HTMLで記述します。「挿入」ー「埋め込む」－「埋め込みコード」のボックス内にHTMLを記述します。CSSは<style>タグ内に記述します。

詳細な設定はやはりHTMLとCSSの知識が必要です。下記のコードはテーブルの埋め込みコードです。

<style>

tr{

height: 40px; <!-- 高さの指定 -->

}

tr:nth-child(2n){　<!-- 1行おきに背景色を設定 -->

background-color: #ccccff;　

}

td{

padding: 5px; <!--セル内の余白指定 -->

}

</style>

<table style="border-collapse: collapse;" width="100%" border="1">

<tr bgcolor="#cccccc" align="center">

<th width="5%">№</th><th width="25%">会　場</th><th width="25%">講座名</th><th width="35%">講習日</th><th width="10%">開始時間</th>

</tr>

<tr>

<td>1</td><td>市民交流センター</td><td>パソコン基本操作</td><td>6月1日・6月8日</td><td>10:00</td>

</tr>

<tr>

<td>2</td><td>市民交流センター</td><td>ワード初級講座</td><td>6月15日・22日・29日・7月6日・13日</td><td>10:00</td>

</tr>

<tr>

<td>3</td><td>六荘まちづくりセンター</td><td>ホームページ作成（基礎編）</td><td>6月4日・11日・18日・25日・7月2日</td><td>10:00</td>

</tr>

</table>