• 基本的な作業の仕方 編集・閲覧方法
• 基本的なHTMLの書き方
  • 改行 <br>
  • 段落 <p>～</p>
  • コメント <!-- ～ -->
  • 見出し <h1>～</h1> <h2>～</h2> ……
  • 太字 <b>～</b>
  • 箇条書き <ul><li>～</li></ul>

• Microapacheサーバーの取り扱い
• 色の設定方法
  • カラーネームとカラーコード
    red #ff0000……
• 画像をページに表示する
  <img src="画像ファイル名">

• Paint.net を使った画像の編集作業

• リンクの作成
  <a href="リンク先">～</a>
• リンクの様々な応用方法
  • 同ページ内リンク
  • ダウンロードリンク
  • 別窓で開く
    <a href="リンク先" target="_blank">～</a>
  • 縮小画像の活用

• 表の作成 <table>～</table>
  • 表のさまざまなカスタマイズ
  • セルの結合

• CGIでプログラムを動作させる
  • サーバーが必要
  • PHPファイルをサーバー内に配置してアクセス

• CSS（スタイルシート）の基本
  • セレクタ・プロパティ・値
    h1 { color:red; }
  • CSSファイルの読み込み方
    <link rel="stylesheet" href="CSSファイル名.css" >
  • クラス
  • CSSを設定する範囲を指定する
    <div>～</div>
<span>～</span>

教科書を持っている場合、第３章に分かりやすい例あり。

• CSSを使った様々な例題に取り組む

• CSSを使ったより実践的な例題
  • レスポンシブ・デザインの基本