XHTML+CSS-01-基礎編

XHTML+CSS講座その1・基礎編の学習コンテンツです。
Windows8で作成していますが、他バージョンのWindowsでも対応可能です。

• 第01章:Webページ作成のための準備
  • §01-01…Webページ作成を学習しよう・前書き
  • §01-02…拡張子
  • §01-03…テキストエディターの用意
  • §01-04…転送用ローカルフォルダーを用意
  • §01-05…Webページの作成テスト
• 第02章:XHTMLの基礎
  • §02-01…ページ作成の基本
  • §02-02…段落の操作＜p＞タグ
  • §02-03…ページタイトルの指定＜title＞
  • §02-04…文法のチェック
  • §02-05…段落の追加
  • §02-06…空白の扱い
  • §02-07…見出しの作成＜h＞
• 第03章:CSSの基礎1
  • §03-01…CSSファイルの作成
  • §03-02…XHTML(HTML)ファイルの準備
  • §03-03…中央揃え{text-align}
  • §03-04…HTMLファイルとCSSファイルの関連付け
  • §03-05…フォントサイズを変更する{font-size}
  • §03-06…文字の太さ{font-weight}
  • §03-07…カラーネームでフォントの色を指定する{color}
  • §03-08…RGB16進数値でフォントの色を指定する
  • §03-09…背景色{background-color}
• 第04章:CSSの基礎2
  • §04-01…CSSの基礎2・準備
  • §04-02…＜body＞タグ
  • §04-03…{padding}1
  • §04-04…{padding}2
  • §04-05…余白{margin}
  • §04-06…文字の間隔{letter-spacing}
• 第05章:CSSの基礎3
  • §05-01…CSSの基礎3・準備
  • §05-02…＜body＞の{margin}
  • §05-03…斜体{font-style}
  • §05-04…スモールキャピタル{font-variant}
  • §05-05…字下げ{text-indent}
  • §05-06…行の高さ{line-height}
  • §05-07…フォント{font-family}
  • §05-08…囲み線基本{border}
  • §05-09…文字実体参照
• 第06章:CSSの基礎4と場所の特定
  • §06-01…CSSの基礎4と場所の特定・準備
  • §06-02…セレクタのグループ化
  • §06-03…幅{width}
  • §06-04…{border}の部分指定
  • §06-05…クラスの指定
  • §06-06…強調＜strong＞＜em＞
  • §06-07…＜span＞
• 第07章:表1
  • §07-01…表1・準備
  • §07-02…表の作成の基本＜table＞＜tr＞＜td＞
  • §07-03…表とセルの罫線
  • §07-04…罫線間の空白
  • §07-05…セル内の色を変更する
  • §07-06…見出しセルの使用＜th＞
  • §07-07…子孫セレクタ
  • §07-08…高さ{height}
  • §07-09…行内の上下寄せ{vertical-align}
  • §07-10…表のサイズ
• 第08章:表2
  • §08-01…表2・準備
  • §08-02…{border-collapse}
  • §08-03…セルの結合
  • §08-04…表題文字列＜caption＞
  • §08-05…列の属性＜col＞
  • §08-06…強制改行＜br /＞
• 第09章:サイトの作成とハイパーリンク
  • §09-01…サイトの作成とハイパーリンク・準備
  • §09-02…リンクの設定＜a＞
  • §09-03…リンク個所にCSSを設定
  • §09-04…下層ディレクトリの作成
  • §09-05…上位ディレクトリから下位ディレクトリへのリンク
  • §09-06…下位ディレクトリから上位ディレクトリへのリンク
  • §09-07…上のディレクトリ内の他の下層ディレクトリへのリンク
  • §09-08…メールアドレスをリンク先にする
  • §09-09…FFFTPを使った転送