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



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


(0) 作業の前に
今日も最初にデスクトップの ダブルクリックして中身を表示し、 横6a・縦15aくらいの大きさにして、PC画面の右端に移動 して下さい。
次に、「メモ帳」のショートカット ダブルクリックして下さい。
(1) 「タグ」の入力
さて今日はテーブルを作ってみましょう。
テーブルと聞いて 「おまえは大工か?」 とかツッコミは入れないように。
HPのテーブルとは、↓こういうのをいいます。 表ですね。
1つ目のマス 2つ目のマス 3つ目のマス
4つ目のマス 6つ目のマス

では昨日と同様「メモ帳」に以下の文章を入力(コピペ可) して下さい。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>
  <td>1つ目のマス</td>
  <td>2つ目のマス</td>
  <td align="center">3つ目のマス</td>
</tr>
<tr>
  <th>4つ目のマス</th>
  <td><img src="santa4.gif"></td>
  <td bgcolor="red">6つ目のマス</td>
</tr>
</table>
</center>
</body>
</html>

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

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



1