【無料で読める】HTML5&CSS3入門8.総合編

１　ホームページの作成手順
１－１　ホームページを作成する手順
１－２　ホームページを見るには
１－３　HTMLのバージョン
１－４　タグはHTMLの命令
１－５　スタイルシート(CSS)
１－６　CGIとは
１－７　ホームページを作成するには
１－８　テキストエディタでホームページを作成する
１－９　タグ編集型HTMLエディタでホームページを作成する
１－１０　 WYSIWYG型HTMLエディタ
１－１１　ワープロでHTML文書を作る

２　HTMLの基本タグ
２－１　HTML文書の基本構造
２－２　改行する(br)
２－３　段落を設定する(p)
２－４　文字を強調する(em,strong)
２－５　見出しを設定する(h1～h6)
２－６　項目のリストを作成する(dl,dt,dd)
２－７　箇条書き(記号)をする(ul,li)
２－８　箇条書き（数字）をする(ol,li)
２－９　自由にレイアウトする(pre)
２－１０　コメントを書く(!)

３　スタイルシート
３－１　スタイルシートとは
３－２　ページ全体にスタイルを適用する
３－３　ページの一部にスタイルを適用する
３－４　複数のページでスタイルを共有する
３－５　文字の大きさを指定する（font-size）
３－６　文字の色を設定するには(color)
３－７　文字の背景色を設定するには(background-color)
３－８　色の指定方法
　16進表記する
　色名で指定する
３－９　フォントを種類を指定する（font-family）
３－１０　段落のインデントを設定する（text-indent）
３－１１　行間を空ける（line-height）
３－１２　文字の装飾を指定する（text-decoration）
３－１３　文字のスタイルや太さを指定する(font-style,font-weight)
３－１４　ページの左右に余白を作る(margin-left,margin-right)
３－１５　行揃えをする(text-align)
　div要素を使う
　h要素を使う

４マルチメディア
４－１　画像を表示するには(img)
４－２　画像を表示できないブラウザにも対応する
４－３　画像の表示サイズを指定する
４－４　画像を縦方向に表示する
４－５　画像を行揃えする(text-align)
４－６　画像に影をつける(box-shadow)
４－７　画像ファイルを小さくする
４－８　音声を再生する(audio)
４－９　ビデオを再生する(video)

５　リンク
５－１　リンクの張り方
　絶対リンク
　相対リンク
５－２　文字列にリンクを設定する(a)
５－３　画像にリンクを設定する(a)
５－４　同一ページ内でジャンプする
　識別子を設定する
　識別子にリンクする
　他ページの識別子にリンクする
５－５　メールをもらうには
５－６　リンク先のページを別のタブ(ウィンドウ)に表示する
５－７　リンク文字の下線を消す

６　テーブル
６－１　表作成の基本(table,tr,td)
６－２　表に見出しをつける(th)
６－３　表の枠線(border)
６－４　セル内に余白を設定する(padding)
６－５　表の背景に色を付けるには(background)
６－６　表の背景に画像を貼り付ける(background-image)
６－７　セルを連結するには(colspan,rowspan)
　横方向に連結する
　縦方向に連結する

７　フォーム
７－１　入力フォームを作るには(form)
７－２　フォームデータの受け取り方法
　formタグの指定方法
　フォームデータをメールで受け取る
　フォームデータをcgiプログラムで受け取る
７－３　1行のテキスト入力(text)
７－４　複数行のテキスト入力(textarea)
７－５　チェックボックス(checkbox)
７－６　ラジオボタン(radio)
７－７　選択リスト(select)
　selectタグ
　プルダウンリストから選択する
　リストボックスから選択する
　複数の項目を選択可能にする
　デフォルトの選択値を指定する
７－８　パスワードの入力(password)
７－９　送信ボタンの表示(submit)
７－１０　リセットボタンの表示(reset)

• HTML&CSS入門1.基本編
• HTML&CSS入門8.フォーム編
• HTML5&CSS3入門 ６.テーブル編