第３章　ホームページの作成

今日の研修内容

課題２５　ホームページに複雑な表を作成するためには？

　表を作成する場合、いつもきちんとした表とは限りません。ときには、セル２つ分を１つにしたいときも出てきます。今日は、２つ以上のセルにまたがる表を作成する方法について研修しましょう。

---

＜手順＞

	機　関　名	所在地	電話番号	画像
岐阜	岐阜市少年
	各務原市視聴覚
西濃	大垣市教育研究所
	揖斐郡教育研修
美濃	関市学習情報センター

（１）これから作成する表

• 右のように、県内の教育研究所の一覧の左に、どの事務所に所属するのかをつけ加えます。

　（２）「メモ帳」の準備

• 「メモ帳」を開きます。「ファイル」「開く」（すべてのファイル）を選択し、「3.5インチFD」の中にある「sample4.htm」を指定します。
• 下のように記述し、「ファイル」「上書き保存」を選択します。

<TABLE BORDER> <TR><TD></TD><TD>機関名</TD><TD>所在名</TD><TD>電話番号</TD><TD>画像</TD></TR> <TR><TH ROWSPAN=2>岐阜</TH><TD>岐阜市少年センター</TD><TD>岐阜市今沢町１８ </TD><TD>０５８−２６２−９９５４</TD><TD><img src="201.jpg"></TD></TR> <TR><TD>各務原市視聴覚センター</TD><TD>各務原市那加門前町３−１−３</TD><TD> ０５８３−８３−１１２４</TD><TD><img src="301.jpg"></TD></TR> <TR><TH ROWSPAN=2>西濃</TH><TD>大垣市教育研究所</TD><TD>大垣市室本町５−５１ </TD><TD>０５８４−７４−６６６６</TD><TD><img src="401.jpg"></TD></TR> <TR><TD>揖斐郡教育研修センター</TD><TD>揖斐郡揖斐川町上南方１５</TD><TD>０５ ８５−２２−３２０２</TD><TD></TD></TR>

（３）表示

• 「ネットスケープナビゲータ」を起動します。「接続」はキャンセルします。
• 「ファイル」「ファイルを開く」「3.5インチFD」を選択し、「sample4.htm」を開きます。
• 右上のような表になっているかを確認します。

＜まとめ＞

　<TH ROWSPAN=ｎ>のｎには、縦にｎ個分のセルにまたがるという指定をします。同じように、<TD COLSPAN=ｎ>は、横にｎ個分のセルにまたがるという指定をします。ｎの数と実際のセル数が合わなければ、うまく表示されません。

（演習）美濃地区の表示

• メモ帳でsample4.htmを開き、美濃地区の教育研究所（関市学習情報センター、美濃市教育研究所、　郡上郡教育研究所）を（２）を参考にしてレイアウトしましょう。

  ＜キーワード＞ 　　<TH ROWSPAN="n"> </TH> 複数行にわたるセル結合（縦方向） 　　<TD COLSPAN="n"> </TD> 複数列にわたるセル結合（横方向） 　（＊はまたがるセルの数）

　

作成者	宇野芳彦
所　属	上之保東小学校

▲目次へ戻る｜▼次の課題へ進む