ゴール：実習HTML講座−−H1

2006/9/3069（角田）

1. 復習−−H2

1.1 文字列−−H3

Hello, World!
赤い文字--red
強調文字--strong
大きい文字--big
小さい文字--small

1.2 画像−−H3

1.2.1 左寄せ−−H4

1.2.2 中央揃え−−div align

1.2.3 右寄せ

1.3 リンク−−A

写真集へ

2. 新しい勉強−−H2

2.1 リスト

2.1.1 順番付きリスト−−typeには1, I, i, A, a

  1. 野菜
    1. りんご
      1. 青りんご
      2. 赤いりんご
    2. オレンジ
  2. お肉
    1. 牛
    2. 豚

2.1.2 順番無しリスト−−typeにはdisc, circle, square

2.1.3 混合も可能です

  1. りんご
  2. オレンジ

2.2 テーブル

2.2.1 テーブルの原理−−table, tr, td

１１春 １２夏
２１秋 ２２冬

2.2.2 テーブル（枠すっきり）−−cellspacing, cellpadding

１１春 １２夏
２１秋 ２２冬

2.2.3 テーブルに表題をつける−−caption, th

表題つき表組
月 日 行事
９ １ 防災の日
９ ２ 宝くじの日
９ １１ 二百十日
９ １８ 敬老の日
９ ２３ 秋分の日

2.2.4 枠のないテーブルによる配置

2.2.4.1 枠あり
しゃれっと様
2.2.4.2 枠なし
しゃれっと様

2.3 「おまじない」−−鎌倉シニアネットの例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta name="robots" content="ALL">
<meta http-equiv="keywords" content="kcn,npo,鎌倉シチズンネット, 鎌倉シニアネット,鎌倉シニア通信,シニア,主婦,シニア向けホームページ, デジタルデバイドの解消,it教育,ITサロン深沢,神奈川県鎌倉市, ボランティア団体,ボランティア活動">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

2.3.1 おまじないの解説−−

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
↑SGML（Standard Generalized Mark-up Language）による文書型宣言　HTML 4.01 Transitional
<html lang="ja">
↑言語指定
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
↑文字セットの指定
<meta name="robots" content="ALL">
↑ロボット検索方法の指定
<meta http-equiv="keywords" content="kcn,npo,鎌倉シチズンネット, 鎌倉シニアネット,鎌倉シニア通信,シニア,主婦,シニア向けホームページ, デジタルデバイドの解消,it教育,ITサロン深沢,神奈川県鎌倉市, ボランティア団体,ボランティア活動">
↑検索単語の指定
<meta http-equiv="Content-Style-Type" content="text/css">
↑CSS使用の指定
<meta http-equiv="Content-Script-Type" content="text/javascript">
↑javascript使用の指定

3. 参考文献

  1. Academic HTML・・・目次
    http://www.tg.rim.or.jp/~hexane/ach/
  2. Hello World HTML・・・入門
    http://www.tg.rim.or.jp/~hexane/ach/hwht/
  3. Try next HTML・・・初級
    http://www.tg.rim.or.jp/~hexane/ach/tnht/
  4. 「即効！ホームページ作成　HTML編」　森 理浩，毎日コミュニケーション，￥950
  5. タブ辞典