超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Mozilla Color AccessUp Links SiteMap
ページ
テキスト
スクロール
ライン
イメージ
リンク
リスト
テーブル
フレーム
ボックス
フィルタ
a〜h
i〜z

■ ページ

HTMLタグ
■ ページの基本構造
<html>
 <head>
  <title>title</title>
  <meta http-equiv=・・・>
  <mata name=・・・>
  <mata name=・・・>
 </head>
 <body bgcolor=・・・>
  document
 </body>
</html>
  • HTMLを宣言する
    <html>
     <head>header</head>
     <body>document</body>

    </html>
  • ページ情報を記述する部分を指定する
    <head>header</head>
  • ブラウザに表示される部分を指定する
    <body>document</body>
  • タイトルを記述する
    <title>title</title>
  • ページの内容を記述する
    <mata name="description" content="ページの内容">
  • ページに関連するキーワードを記述する
    <mata name="keywords" content="キーワード1,キーワード2,キーワード3">
  • ページの作者を記述する
    <mata name="author" content="作者の名前">
  • 言語情報を記述する
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS または euc-jp または iso-2022-jp">
    <meta http-equiv="Content-Type" content="text/css">
    <meta http-equiv="Content-Type" content="text/javascript">
  • 指定時間でリロードさせる
    <meta http-equiv="Refresh" content="指定時間(秒)">
  • 自動的に他のページに移動させる
    <meta http-equiv="Refresh" content="指定時間(秒);URL=移動先のURL">
  • ページの表示に特殊効果をかける(トランジション)
    <meta http-equiv="Page-Enter" content="revealtrans(duration=指定時間(秒),transition=効果番号1〜23)">
  • 背景色を指定する
    <body bgcolor="RGB値またはカラーネーム">document</body>
  • 背景画像を指定する
    <body background="画像ファイル名または画像ファイルのURL">document</body>
  • 背景画像を固定する
    <body background="画像ファイル名または画像ファイルのURL" bgproperties="fixed">document</body>
  • 文字の色を指定する
    <body text="RGB値またはカラーネーム">document</body>
  • リンク部分の文字色を指定する
    <body text="通常の文字色" link="未読リンク色" alink="アクティブリンク色" vlink="既読リンク色">document</body>
  • コメントを記述する
    <!--コメント-->

スタイルシート
  • 背景色を指定する
    {background-color:RGB値またはカラーネームなど;}
  • 背景画像を指定する
    {background-image:url("画像ファイル名または画像ファイルのURL");}
  • 背景画像を固定する
    {background-attachment:fixed;}
  • 背景画像の繰り返し方法を指定する
    {background-repeat:repeat-xまたはrepeat-yまたはno-repeat;}
  • 背景画像の位置を指定する
    {background-position:top,center,bottom,left,rightまたは数値単位;}
  • リンク部分の文字色を指定する
    a{color:未読リンク色;}
    a:visited{color:既読リンク色;}
    a:hover{color:オンマウスリンク色;}
    a:active{color:アクティブリンク色;}
  • スクロールバーの色を指定する(1)
    {
    scrollbar-arrow-color:RGB値またはカラーネームなど;
    scrollbar-face-color:RGB値またはカラーネームなど;
    scrollbar-shadow-color:RGB値またはカラーネームなど;
    scrollbar-darkshadow-color:RGB値またはカラーネームなど;
    scrollbar-track-color:RGB値またはカラーネームなど;
    scrollbar-3dlight-color:RGB値またはカラーネームなど;
    scrollbar-highlight-color:RGB値またはカラーネームなど;
    }
  • スクロールバーの色を指定する(2)
    {scrollbar-base-color:RGB値またはカラーネームなど;}
  • ページ全体を枠線で囲む
    body{border:border-width値 border-style値 border-color値;}
  • コメントを記述する
    /*コメント*/