メニュー
◎
IWATAKO 1UP PAGE(Home)へ
◎ メモ帳だけで作るホームページ Topへ
準備段階（基礎知識）
◎ このページの利用方法
◎ ソースの表示確認の方法
◎ HTMLファイルの
作成方法
◎ 拡張子について
◎ HTMLの初歩的知識
1:ベース（基本文書）
◎ 1-1 補足説明
（HTMLの基本文書）
◎ 1-2 基本文書
ソースの内容説明
◎ 1-3 基本文書
のサンプル雛形
2:本文の記述と改行
（文字を書く）
◎ 2-1 補足説明
（改行タグ）
◎ 2-2 改行タグ
のサンプル雛形（１）
◎ 2-3 改行タグ
のサンプル雛形（２）
＜説明付＞
3:太字と斜体文字
（文字を書く）
◎ 3-1 タグ説明
サンプルソースの説明
◎ 3-2 太字・斜体文字
のサンプル雛形
4:見出し文字の大きさ
（本文見出し文字）
◎ 4-1 タグ説明
サンプルソースの説明
◎ 4-2 見出し文字の
サンプル雛形
5:文章中の文字の大きさ
（フォントのサイズ指定）
◎ 5-1 タグ説明
サンプルソースの説明
◎ 5-2 文字の大きさの
サンプル雛形
6:区切り線を入れる
（水平線）
◎ 6-1 タグ説明
サンプルソースの説明
◎ 6-2 区切り線の
サンプル雛形
7:文字のセンタリング
◎ 7-1 タグ説明
サンプルソースの説明
◎ 7-2 文字センタリング
のサンプル雛形
8:色の指定
（文字の色と背景の色）
◎ 8-1 タグ説明
サンプルソースの説明
◎ 8-2 補足説明（１）
「光の3原色とRGB値」
◎ 8-3 補足説明（２）
「カラーネーム表」
◎ 8-4 サンプル雛形
（文字の色）
◎ 8-5 サンプル雛形
（背景の色）
9:画像を貼る
◎ 9-1 タグ説明
サンプルソースの説明
◎ 9-2 画像貼付けの
サンプル雛形
10:画像のセンタリング
◎ 10-1 タグ説明
サンプルソースの説明
◎ 10-2 画像センタリング
のサンプル雛形
11:文字や画像を動かす
◎ 11-1 タグ説明
サンプルソースの説明
◎ 11-2-1 サンプル雛形
（１）文字や画像の移動
◎ 11-2-2 サンプル雛形
（２）左右に指定して移動
◎ 11-2-3 サンプル雛形
（３）上から下へ移動
◎ 11-2-4 サンプル雛形
（４）下から上へ移動
12:壁紙を貼る
◎ 12-1 タグ説明
サンプルソースの説明
◎ 12-2 壁紙の
サンプル雛形
13:リンクさせる
◎ 13-1 補足説明
「リンクのタグとサンプルソースの内容説明」
◎ 13-2 リンクの注意点
（相対パスと絶対パス）
◎ 13-3 リンク
のサンプル雛形
※リンクのサンプル雛形は新しいウインドが開いて表示されます
サンプルの確認が終わったら「×」で閉じてください。
14:フレームを作る
◎ 14-1-1 タグ説明
サンプルソースの説明
◎ 14-1-2 フレームの
サンプル雛形（１）
◎ 14-2-1 多数分割
サンプルソースの説明
◎ 14-2-2 フレームの
サンプル雛形（２）
◎ 14-3-1 フレーム内の
リンクの注意点
◎ 14-3-2 フレームの
サンプル雛形（３）
15:表（TABLE）を作る
◎ 15-1-1 タグ説明
サンプルソースの説明
◎ 15-1-2 表（TABLE）
サンプル雛形（１）
◎ 15-2-1
属性タグの説明
サンプルソースの説明
◎ 15-2-2 表（TABLE）
サンプル雛形（２）
◎ 15-2-3 表（TABLE）
サンプル雛形（３）
◎ 15-2-4 表（TABLE）
サンプル雛形（４）
◎ 15-2-5 表（TABLE）
サンプル雛形（５）
◎ 15-2-6 表（TABLE）
サンプル雛形（６）
16:記号と空白
◎ 16-1-1 空白を操る
◎ 16-1-2 空白の
サンプル雛形
◎ 16-2-1 タグ記号を
ブラウザに表示させる
◎ 16-2-2 タグ記号の
サンプル雛形
番外編１:
ホームページの公開
◎ 1 ホームページの公開
（アップロード）
◎ 2 公開の注意点
ルールやエチケット
番外編２:
カウンターと掲示板
◎ 1 カウンターや
掲示板の設置について
◎ 初めて作った記念のホームページへ
（私が実際にメモ帳だけで作った最初のホームページ作品例）
◎ メモ帳だけで作るホームページ Top Pageへ
◎ IWATAKO 1UP PAGE(Home)へ