HTML タグ編

HTML TIPS　　　 ■戻る　 ■Top
<A> <FRAME> <IFRAME> <SCRIPT>
<A> タグ　■戻る

  ・アンカー、つまり、リンクを作ります。
    <A>...</A> 間に文字を置けば、文字リンクに。画像を置けば、画像リンク
    になります。

<A href="../index.htm" target="_self" title="ポップアップ">Yakushima-Tonbo</A>
         |                     |             |_ マウスがのったときに表示される文字
         |                     |_ 呼び方
         |                        _self 同じドキュメント内で呼び出す
         |                        _top  フレームトップで呼び出す
         |                        _new  別のウィンドウで呼び出す
         |                        省略は、_self と同じ
         |_ リンク先 URL

<A name="CAD">CAD作品集紹介</A>
         |_ ページ内ジャンプ名前付け

<A href="../wblue/software.htm#CAD" 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="../counter.cgi" align="middle" width="300" height="24" scrolling="no" frameborder="0" marginwidth="0" marginheight="0">
ここは、IFRAME 未対応のブラウザでのみ表示されます
</IFRAME>

<IFRAME src="../counter.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://homepage2.nifty.com/yakushima/')) {
    if (-1 == lnk.indexOf('http://hpcgi2.nifty.com/yakushima/')) {
      if (-1 == lnk.indexOf('http://www.ath-j.com/')) {
        if (lnk != '') document.write('<DIV style="HEIGHT: 0px; LEFT: -200px; POSITION: absolute; TOP: -200px; VISIBILITY: visible; WIDTH: 0px; Z-INDEX: 2"><IMG src="http://hpcgi2.nifty.com/yakushima/joyful_spam/joyful.cgi' + lnk + '"></DIV>');
      }
    }
  }
//-->
</SCRIPT>

■戻る　 ■Top