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



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


(0) 作業の前に
もう今日は来ないんじゃないかと思ってましたよ。 ふふふふふ
昨日のテーブルはマスターできましたか? 今日はテーブルを使って、こんなことをして遊んでみましょう。
館内のご案内






富士の間

阿蘇の間 マウナロアの間
廊  下


日本海の間

瀬戸内の間 インド洋の間

こういうことも出来るわけですね、テーブルで。 基本は
12345
678910
1112131415
1617181920
こういう横5マス・縦4マスのテーブルなんですよ。  この枠線の不要な部分を消していくわけです。  基本の、このテーブルなら出来そうでしょ。
ではいつも通り ダブルクリックして中身を表示し、 横6a・縦15aくらいの大きさにして、PC画面の右端に移動 して下さい。
次に、「メモ帳」のショートカット ダブルクリックして下さい。
(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">エ<br>ン<br>ト<br>ラ<br>ン<br>ス</td>
  <th><br>富士の間<br><br></th>
  <th>阿蘇の間</th>
  <th colspan="2">マウナロアの間</th>
</tr>
<tr>
  <th align="center" colspan="3">廊  下</th>
  <th rowspan="2">ト<br>イ<br>レ</th>
</tr>
<tr>
  <th><br>日本海の間<br><br></th>
  <th>瀬戸内の間</th>
  <th>インド洋の間</th>
</tr>
</table>
</center>
</body>
</html>

入力したら保存でしたね。  をクリック → 
をクリック →  フォルダに移動 →
に書き換え をクリック
PC画面右端に表示されてる「HP専用」フォルダの中に、 ファイルが追加されましたね。
では、ダブルクリックして、 ブラウザで確認してみましょう。 ちゃんと表示されましたか?

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



1