|
|
■ ページ
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値;}
- コメントを記述する
/*コメント*/
|
|
