POPFAM.JPレイアウトに関するＨＴＭＬメタタグ　キーワード

表紙に戻る

レイアウトページ情報を設定します

<head>～</head>の部分になります　　　　　　　　　　　　　　　　基本構成はこちら

<title>サイトやページのタイトル</title>　（画面左上に表示されます）

<meta name="ページ情報" content="ページ情報に対応する値">

ページ情報	ページ情報に対応する値
auther	制作者名を設定するときに指定します
description	要約（説明）を設定するときに指定します
keywords	キーワードを設定するときに指定します
generator	作成ソフトを設定するときに指定します
・キーワードを設定すると、検索エンジンが検索のためのサイト情報として利用しますので、この設定は検索されるのに必須となります。キーワードの　content　は、カンマ[ , ]で区切って指定してください。　　メタタグの手動生成

他ページへ自動的に移動する　サイトの引越しなどに使えます

<head>～</head>の部分にに入れてください

<META http-equiv="refresh" content="秒数; URL=移動先ＵＲＬアドレス">

こちらはサンプルページです
10秒後にトップページへ移動します
10秒待っても移動しないときは下記ＵＲＬからどうぞ
トップページＵＲＬ；http://www17.ocn.ne.jp/~qoosam/

<HTML>
<HEAD>
<META http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="refresh" content="秒数; URL=http://www17.ocn.ne.jp/~qoosam/">
<TITLE>サンプルです　他のページへ自動的に移動すします(サンプル)</TITLE>
</HEAD>
<BODY>
<P>こちらはサンプルページです<br>
（秒数）後にトップページへ移動します<br>
（秒数）待っても移動しないときは下記ＵＲＬからどうぞ<br>
トップページＵＲＬ；<A href="http://www17.ocn.ne.jp/~qoosam/">文字または送信先ＵＲＬ</A>
</P>
</BODY>
</HTML>

となります　　　　＊秒数は変更できます。

ページの背景に色をつける

<body bgcolor="色、カラーコード"></body>　　　カラーサンプル

ページの背景に画像を表示する

<body background="画像ＨＴＭＬ"></body>

絶対パスと相対パスどちらでもかまいません

ページ全体の文字色を指定する

<body text="色" link="色" vlink="色" alink="色">本文文字</body>

　text　　ページ全体の標準の文字色を指定します
　link 　リンクが設定されている文字色を指定します
　vlink 　すでに見たリンクの色を指定します
　alink　　リンクした文字を選択した瞬間の色を指定します

ページ全体の余白を指定する

<body topmargin="上値" bottommargin="下値" leftmargin="左値" rightmargin="右値">本文</body>
＊値はピクセル値で指定してください
開始位置だけを決めるときは、上、左の余白設定のみでもかまいません

入力したとおりに表示をする

<pre>文字列</pre>　　　　　　　　　<body>～</body>間に記述してください

ワープロやテキストエディタ（メモ帳）などでは入力したとおりに記述されません。
テキストエディタ上で入力した空白や改行を記述したとおりに表示をするタグです。

段落の位置を指定する　　　　　<body>～</body>間に記述してください

<p align="段落の位置">文字列</p>　　レイアウトページメニュー欄参照

セクションごとに位置を指定する場合
<DIV>文字列</DIV>
<DIV align="段落の位置">文字列</DIV>　となります

段落をセンタリングする　　　　　<body>～</body>間に記述してください

<CENTER>文字、画像、表など</CENTER>

指定するとこのように
段落ごとにセンターに移動します

left　左揃え

center　中央揃え

right　右揃え

横罫線を引く　　　　　　　　　　　　<body>～</body>間に記述してください

<hr>　横罫線　（下記サンプル↓）

<hr noshade>　影なしの横罫線　（下記サンプル↓）

罫線の太さや長さ、位置を指定する
<hr size="線の太さ" width="線の幅" align="線の位置">
罫線の色を指定する
<hr color="色名またはカラーコード">

記号つきリストの作成　　　　　　<body>～</body>間に記述してください

<ul><li>文字列</li></ul>　　　「・」記号をつけて箇条書きにします

記号の変更をする
<ul type="種類"><li>文字列</li></ul>　項目すべての記号
<ul><li type="種類">文字列</li></ul>　指定項目の記号

記号の種類　disk「●」　circle「○」　aquare「■」

番号つきリストの作成　　<ol><li>文字列</li></ol>　１，２，３、・・・

番号の表示形式を変更する
<ol type="種類"><li>文字列</li></ol>　項目すべての番号
<ol><li type="種類">文字列</li></ol>　指定項目の番号

	１.	アラビア数字で表示（デフォルト）
表示	Ａ.	アルファベットの大文字
形式	a.	アルファベットの小文字
	Ⅰ.	ローマ字の大文字
	ⅰ.	ローマ文字の小文字