SAK 図書館
SAK 図書館
ホームページ作成 HTML 編 (その四) A、FRAME、IFRAME、SCRIPT
■<A> タグ
・アンカー、つまり、リンクを作ります。
<A>...</A> 間に文字を置けば、文字リンクに。画像を置けば、画像リンク
になります。
<A href="../index.htm" target="_self" title="ポップアップ">SAK Streets</A>
| | |_ マウスがのったときに表示される文字
| |_ 呼び方
| _self 同じドキュメント内で呼び出す
| _top フレームトップで呼び出す
| _new 別のウィンドウで呼び出す
| 省略は、_self と同じ
|_ リンク先 URL
<A name="hp_k">ホームページ作成 設計編</A>
|_ ページ内ジャンプ名前付け
<A href="../sak3doc.htm#hp_k" target="_self">
|_ ページ内ジャンプリンク
<A href="mailto:????@????.co.jp">
|_ メーラー呼び出しリンク
■<FRAME> タグ
・フレーム分割を定義します。
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>タイトル</TITLE>
</HEAD>
<FRAMESET rows="190,*,40">
<FRAME src="a001.htm" name="frame1">
<FRAME src="b002.htm" name="frame2">
<FRAME src="c003.htm" name="frame3">
<NOFRAMES>
<BODY><P>このページをご覧いただくにはフレーム対応のブラウザが必要です。</P></BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
<FRAMESET rows="190,*,40">
| | | |_ frame3 は、高さ 40 ピクセルと指定
| | | 20% などの相対指定も可能
| | |_ frame2 は、残り全ての領域
| | 20% などの相対指定も可能
| |_ frame1 は、高さ 190 ピクセルと指定
| 20% などの相対指定も可能
|_ 縦分割
cols なら、横分割
<FRAME src="a001.htm" name="frame1">
| |_ フレームアクセス名
|_ HTML、または、CGI プログラム
■<IFRAME> タグ
・フレームをページ中に挿入します。
古いネスケでは、<IFRAME>...</IFRAME> 間の文字や画像が表示され、フレ
ームそのものを表示することはできません。
<IFRAME src="../acounter.cgi" align="middle" width="300" height="24" scrolling="no" frameborder="0" marginwidth="0" marginheight="0">
ここは、IFRAME 未対応のブラウザでのみ表示されます
</IFRAME>
<IFRAME src="../acounter.cgi" align="middle" width="300" height="24" scrolling="no" frameborder="0" marginwidth="0" marginheight="0">
| | | | | | |_ 縦マージン 0
| | | | | |_ 横マージン 0
| | | | |_ 0 フレーム枠なし
| | | | 1 フレーム枠あり
| | | |_ no スクロールバーなし
| | | yes スクロールバーあり
| | |_ フレームの高さ
| | % 指定もできます
| |_ フレームの幅
| % 指定もできます
|_ HTML、または、CGI プログラム
■<SCRIPT> タグ
・JAVA などのクライアントスクリプトを記述します。
<SCRIPT LANGUAGE=javascript>
<!--
var lnk = document.referrer;
if (-1 == lnk.indexOf('http://sak.cool.coocan.jp/')) {
if (-1 == lnk.indexOf('http://sak.cool.coocan.jp/cgi-bin/')) {
if (-1 == lnk.indexOf('http://hp.vector.co.jp/authors/VA001874/')) {
if (lnk != '') document.write('<DIV style="HEIGHT: 0px; LEFT: -200px; POSITION: absolute; TOP: -200px; VISIBILITY: visible; WIDTH: 0px; Z-INDEX: 2"><IMG src="http://sak.cool.coocan.jp/cgi-bin/s3cnt/w_s3ctlk.cgi?lk=' + lnk + '"></DIV>');
}
}
}
//-->
</SCRIPT>
■ホームページ作成 HTML 編資料
■企業サイト、商用サイト作成編資料
■ホームページ作成 設計編資料
■ホームページ作成 JAVA Script 編資料
Copyright (C) 1999-2018 Y.SAK