一週間でマスターするＨＰ作成講座

「一週間でマスターするＨＰ作成講座」
４日目・続テーブル

(0)　作業の前に

もう今日は来ないんじゃないかと思ってましたよ。　ふふふふふ
昨日のテーブルはマスターできましたか？今日はテーブルを使って、こんなことをして遊んでみましょう。

館内のご案内
エントランス	富士の間	阿蘇の間	マウナロアの間
	廊　　下			トイレ
	日本海の間	瀬戸内の間	インド洋の間	トイレ

こういうことも出来るわけですね、テーブルで。　基本は

1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20

こういう横５マス・縦４マスのテーブルなんですよ。　この枠線の不要な部分を消していくわけです。　基本の、このテーブルなら出来そうでしょ。

ではいつも通り

をダブルクリックして中身を表示し、横６㌢・縦１５㌢くらいの大きさにして、ＰＣ画面の右端に移動して下さい。

次に、「メモ帳」のショートカット

をダブルクリックして下さい。

(1)　「タグ」の入力

では「メモ帳」に以下の文章を入力（コピペ可）して下さい。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<html>
<head>
<meta name="description" content="黒須三太のホームページへようこそ。">
<meta name="Keywords" content="ホームページ,黒須三太,私生活,秘密,ナゾ">
<title>私の家の間取り</title>
</head>
<body bgcolor="lightgreen" text="black">
<center>
<table width="500" border="1" cellpadding="5">
<tr>
　　<th bgcolor="red" colspan="5">館内のご案内</th>
</tr>
<tr>
　　<td rowspan="3" align="center">エ ン ト ラ ン ス</td>
　　<th> 富士の間 </th>
　　<th>阿蘇の間</th>
　　<th colspan="2">マウナロアの間</th>
</tr>
<tr>
　　<th align="center" colspan="3">廊　　下</th>
　　<th rowspan="2">ト イ レ</th>
</tr>
<tr>
　　<th> 日本海の間 </th>
　　<th>瀬戸内の間</th>
　　<th>インド洋の間</th>
</tr>
</table>
</center>
</body>
</html>

入力したら保存でしたね。　

をクリック　→　

フォルダに移動　→

を

に書き換え

をクリック

ＰＣ画面右端に表示されてる「ＨＰ専用」フォルダの中に、

ファイルが追加されましたね。
では、

をダブルクリックして、ブラウザで確認してみましょう。　ちゃんと表示されましたか？

前のページへ　　次のページへ