|
|||
| || トップページ || HTML || Style Sheet || リファレンス || Web素材 || Contact Us || サイトマップ || 初めての方 || |
|
reference
 リファレンスの見方
  スタイルシートの書き方
ヘッダ情報
ページ全体
見出し
文字（テキスト）
リスト
テーブル
画像・イメージ
リンク
レイアウト
フォーム
フレーム
リファレンス一覧
|
リンク
このリファレンスの見方については「リファレンスの見方」をお読みください。
フルパス
フルパスとは絶対パスとも言い
CGIを設置する場合は、こちらを使うことが多いです。
【HTMLタグ】（例）
<a href="http://7nk.com/fullpass.html">りんく</a> 相対パス
フルパスとは違い、
ホームページを作る場合、こちらのパスを良く使います。
【HTMLタグ】（例）
<a href="../pass/fullpass.html">りんく</a> 同一フォルダ内
同じフォルダにあるファイルにリンクする場合は、ファイル名のみでリンクすることが出来ます。
【HTMLタグ】（例）
<a href="fullpass.html">りんく</a> 1階層上にリンク
上の階層を示す場合「../」を使います。
一階層上の場合は
【HTMLタグ】一階層上のファイルにリンクする場合（例）
<a href="../fullpass.html">りんく</a> ページ内のリンク
同じページ内にある特定の位置にリンクを張ることもできます。
ちょうどこのリファレンスの一番上にあるこのメニューのようなものです。
同じページにリンクする場合は、リンク先を
【HTMLタグ】（例）
<a name="full">フルパス</a>とは絶対パスとも言い 画像リンク
リンクは文字だけでなく、画像にもリンクをはることが出来ます。
画像にリンクをはるには、画像ファイル名をリンクタグではさみます。 画像にリンクをはると自動的にリンクの線が表示されるので、線を消したい場合は
【HTMLタグ】（例）
別ページに自動でジャンプ
別のページに自動でジャンプさせるには、METAタグでジャンプ先と時間をセットしておきます。
【HTMLタグ】（例）0秒でyahooにジャンプさせる
<meta http-equiv="Refresh" content="0; url=http://www.yahoo.co.jp/">
「content="0;」でジャンプするまでの秒数をセットします。
「 url=・・・・」でジャンプ先のアドレスをセットします。 セレクトボックスジャンプ
セレクトボックスとは
このようなプルダウンメニューなどのことをいいます。
【HTMLタグ】（例）
<select onchange="location.href=this.options[this.selectedIndex].value">
セレクトボックスを表示させたい場所に、
・ ・ の間にジャンプさせたいリンク先を記入します。
<option value="#"> にはデフォルトで表示したいものをセットします。 ファイルにリンク
エクセルやワード、PDFなどのファイルにリンクすることができます。
パソコンにソフトがインストールされている場合は、自動的にソフトが起動してファイルが開きます。
【HTMLタグ】
（例）ワードにリンク （例）PDFにリンク 閉じるリンク
別画面で開いたページに「閉じる」リンクを付けることができます。
【HTMLタグ】（例）
<a href="#" onclick="window.close()">[閉じる]</a>
[閉じる]のテキストを画像に変えることもできます。
リンクの色を変える
リンク部分のテキストの色を変えることができます。
【HTMLタグ】
リンクの色を緑 訪問済みリンクを青 <body text="#CCCCCC"
インラインでは、リンクのスタイルシートの記述はできません。
ヘッダ部分及び外部ファイルを使ってください。
スタイルシートを使えば、さらにマウスを乗せたときの色を変えることができます。
【スタイルシートヘッダ、外部ファイル】
a:link { color: #006600; } ←リンクの色 <body> ・ ・ ・ </body> |