■■■ラベル■■■
★新しいページを開くのではなく
同じページ内で、内容をを上にもってくる
こういうHP見たことありませんか?
例えば、
小遣い情報 アフェリエイト情報
上の見出しをクリックすると(例えば小遣い情報とか)
★小遣い情報★
ここら辺に小遣いの情報が載ります。
戻る▲
★アフェリエイト情報★
ここら辺にアフェリエイトの情報が載ります。
::おすすめアフェリエイト:::
あなたもホームペー
ジに広告を貼ってお小遣いGET!しませんか?
|
戻る▲
と、その見出しがトップにくるのが分かりますね?
<A href="#小遣い">小遣い情報</A>
<A href="#アフェリエイト">アフェリエイト情報</A>
<BR>
<BR>
<BR>
<A name="小遣い">★小遣い情報★</A>
<BR>
<BR>
ここら辺に小遣いの情報が載ります。
<BR>
<BR>
<BR>
<A name="アフェリエイト">★アフェリエイト情報★</A>
<BR>
<BR>
ここら辺にアフェリエイトの情報が載ります。 |
★説明★
<A HREF="#ラベル名">タイトル</A>
ラベル名は何でもいいです。分かりやすい名前で。
漢字も英語も使用できます。重さ的には半角英数がいいでしょうけど。
ラベルの前に # をつけます。
<A NAME="ラベル名">タイトル</A>
ラベル名は上で付けたラベル名と同じにします。
HREF="#お小遣い" とつけたら、 NAME="お小遣い" にしましょう。
※注意事項
1画面に収まる程度の内容は、その画面で見れるので
一番上にくるとは限りません。
必ず上にしたい!という方は、下にたくさん文字を打つか、
空白<BR>をたくさん打ってください。 |
■■ちょっとかっこよく?応用編■■
■■ここら辺にブログの情報が載ります。■■
戻る▲
戻る▲
<TABLE cellpadding="5" border="0" cellspacing="1"
bgcolor="#000000">
<TBODY>
<TR bgcolor="#d9d9ff">
<TD bgcolor="#ffffff"><A href="#blog">ブログ情報</A></TD>
<TD bgcolor="#ffffff"><A href="#shopping">お買い物情報</A></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
<TABLE border="0" cellpadding="2" cellspacing="1"
bgcolor="#000000">
<TBODY>
<TR>
<TD bgcolor="#ffffff"><A name="blog">ブログ情報</A></TD>
</TR>
</TBODY>
</TABLE>
<FONT color="#cc00cc" size="3"><BR>
</FONT>
<P>■■ここら辺にブログの情報が載ります。■■<BR>
</P>
<BR>
<TABLE border="0" cellpadding="2" cellspacing="1"
bgcolor="#000000">
<TBODY>
<TR>
<TD bgcolor="#ffffff"><A name="shopping">お買い物情報</A></TD>
</TR>
</TBODY>
</TABLE>
|
テーブルの使い方は表作成を参照。
■■■自分のHP内の移動先(ラベル)を指定して表示■■■
例えば
ECナビ!
↑をクリック(ブラウザの戻るで戻ってきてください。)
すると、別のページの、ECナビに飛んだと思います。
<A href="meil-ka.htm#EC">ECナビ!</A> |
★説明★
<A HREF="#ラベル名">タイトル</A>
で、移動先の方もラベルをつけます。
↓meil-ka.htmの内容
ここでNAME="#ラベル名" のところがトップにくるというわけです。
★新しいウィンドウで表示させたいという方はリンクでも説明したように
ECナビ!
<A href="pageidou2.htm#EC" target="_blank">ECナビ!</A>
|
と、さっきのに
TARGET="_BLANK"
を付け加えましょう。