初めてのHTML

まず初めの一歩、準備から

  1. まず初めに
  2. 拡張子を表示しよう
  3. ファイルを作ろう

さっそくページを作ってみよう

  1. HTMLファイルを作ろう
  2. 次にタイトルをつけてみよう
  3. 文字を書いてみよう
  4. 基本のフォントカラーを設定してみよう
  5. 背景色を設定してみよう

文字を書いてみよう

  1. 見出しを作ってみよう
  2. 文章を段落としてまとめてみよう
  3. 文章を左、中央、右に寄せてみよう
  4. 文章を改行してみよう
  5. 文章の自動改行を禁止してみよう
  6. 文字に色をつけてみよう
  7. 文字の大きさを変えてみよう
  8. 文字の大きさを段階的に変えてみよう
  9. 文字の書体を設定してみよう
  10. 文字を太字(ボールド)にしてみよう
  11. 文字を斜体(イタリック)にしてみよう
  12. 取り消し線を表示してみよう
  13. 下線を表示してみよう
  14. 文字にルビをふってみよう
  15. 上付き文字、下付き文字を使ってみよう
  16. 特殊文字を使ってみよう
  17. 画像を使わずタグで絵文字を出してみよう
  18. 文字の大きさをピクセルで設定してみよう　(CSS使用)

画像を使ってみよう

  1. 画像を表示してみよう
  2. 画像の枠を設定してみよう
  3. マウスが画像に触れるとコメント表示するようにしてみよう
  4. 画像の大きさを設定してみよう
  5. 画像に対してテキストの回りこみ位置を設定してみよう
  6. 画像に対して回り込んだテキストの余白を設定してみよう
  7. 画像が表示される前に低解像度の画像を表示させてみよう
  8. イメージツールバーを非表示にしてみよう
  9. マウスが触れると絵が変化する画像を作ってみよう　(JavaScript使用)

リンクをはってみよう

  1. まずはリンクをはってみよう
  2. リンク文字の色を設定してみよう
  3. 画像でリンクをはってみよう
  4. 同じページ内でリンクをはってみよう
  5. 好きなページの好きな場所にリンクをはってみよう
  6. 新しいウィンドウを開いてリンクを表示してみよう
  7. メールソフトを立ち上げるリンクボタンを作ってみよう
  8. リンクを表示するフレームを指定しよう　(フレーム利用時)

テーブルを作ってみよう

  1. まずはテーブルを作ってみよう
  2. 横にセルを増やしてみよう
  3. 縦にセルを増やしてみよう
  4. 横・縦両方にセルを増やしてみよう
  5. 横にまたがるセルを作ってみよう
  6. 縦にまたがるセルを作ってみよう
  7. テーブルにタイトルをつけてみよう
  8. テーブルの大きさを設定してみよう
  9. セルの大きさを設定してみよう
  10. テーブル枠の色を設定してみよう
  11. 外枠の太さを設定してみよう
  12. 外枠の表示形式を設定してみよう
  13. 内枠の太さを設定してみよう
  14. 内枠の表示形式を設定してみよう
  15. 内枠とセルの内容の余白を設定してみよう
  16. 表内の背景色を設定してみよう
  17. 表内の背景に画像を使ってみよう
  18. 列を一括指定してみよう
  19. セル内の表示位置を設定してみよう
  20. テーブルの枠線を実線で表示させてみよう
  21. テーブルの位置を設定してみよう

リスト表示をしてみよう

  1. リストを作ってみよう
  2. リストのマークを変えてみよう
  3. 番号つきのリストを作ってみよう

ページのレイアウトをしてみよう

  1. ページの背景色を設定してみよう
  2. ページの背景に画像を使ってみよう
  3. 文字や、画像、テーブルを左、中央、右に寄せてみよう
  4. 区切り線の表示してみよう
  5. 区切り線の幅を設定してみよう
  6. 区切り線の位置を設定してみよう
  7. 区切り線の太さを設定してみよう
  8. 区切り線の色を設定してみよう

フレームページを作ってみよう

  1. フレームの設定をしてみよう
  2. 縦分割のフレームを作ってみよう
  3. 横分割のフレームを作ってみよう
  4. 縦3分割のフレームを作ってみよう
  5. 横・縦分割のフレームを作ってみよう
  6. フレームの境界線の有無を設定をしてみよう
  7. フレームの境界線の太さを設定してみよう
  8. フレームの境界線に色をつけてみよう
  9. スクロールの有無を設定してみよう
  10. フレームサイズの変更を禁止してみよう
  11. インラインフレームを設定してみよう

フォームを作ってみよう

  1. フォームの送信先や送信方法の設定をしてみよう
  2. 一行テキスト入力欄を作ってみよう
  3. 複数行テキスト入力欄を作ってみよう
  4. 複数行テキスト入力欄を読み込み専用にしてみよう
  5. パスワード入力欄を作ってみよう
  6. セレクトメニューを作ってみよう
  7. セレクトメニューで初期選択を設定してみよう
  8. セレクトメニューで複数選択できるように設定してみよう
  9. セレクトメニューでグループ分けの設定をしてみよう
  10. チェックボックス欄を作ってみよう
  11. ラジオボタンを作ってみよう
  12. ファイル参照ボタンを作ってみよう
  13. 隠し項目を作ってみよう
  14. ボタンを作ってみよう
  15. 送信ボタンを作ってみよう
  16. 送信ボタンに画像を使ってみよう
  17. リセットボタンを作ってみよう
  18. フォームをグループ化してタイトルをつけてみよう
  19. IMEモードを設定してみよう　(CSS使用)

METAタグを使ってみよう

  1. 文字エンコードを設定してみよう
  2. ページを開いたり閉じたりする時に効果をつけてみよう
  3. 別のページへ自動でジャンプするようにしてみよう
  4. 自分のHPを検索されやすくしてみよう
  5. 自分のHPを検索されにくくしてみよう
  6. キャッシュを無効化してみよう

ホームページを公開してみよう

  1. サーバを用意しよう
  2. ファイルをアップロードしてみよう

トップページに戻る

inserted by FC2 system