|
■ 他のページにリンクする 特定の文字や画像に「リンク」を設定することで、他のページにジャンプすることができるようになります。 リンクを設定するには、文字や画像を<A href="xxxxxx">〜</A>で囲みます。「xxxxxx」の部分には、他のサイトの場合には「http://...」ではじまる絶対パス、自分のサイト内の他のページの場合には「../link.html」といった相対パスを指定します。
■ テキストリンクの色を指定する ページ全体のリンク文字列の指定は、BODY要素に以下の属性をつけます。
※カラーコード アクセス者にわかるようにするために、色の指定は、”リンクスイッチ”と分かる様、基本文字色とわけて設定しましょう。 ■ リンク形式を指定する A要素にtarget属性をつけることで、リンク先のページの表示形式を指定することができます。target属性はフレームを使用したページの場合、非常に重要です。 関連項目---フレームについて--- 利用可能な属性値は、以下の通りです。 _top
■ 特定の場所を指定してリンクする マーカーを使うことで、同じページ内や、他のページの特定の場所を指定してジャンプさせることができます。(他人のホームページの特定の場所は指定できません) マーカーは、ジャンプしたい所に <a name="pagetop"> と記述します。NAME属性には、任意の属性値(半角英数)を書きます。 他のページの特定の場所を指定する場合はリンク部分に a href="htmlファイル名#マーカーネーム"と書き、リンクするHTMLファイルにマーカーを付けます。
■ E-mailアドレスをリンク先として設定する E-mailアドレスをリンク先として設定することもできます。文字や画像を <A href="mailto:E-mailアドレス">〜</A>で囲みます。アクセス者がE-mailアドレスとして設定した文字や画像をクリックすれば、メールソフトの「メール作成ウィンドウ」が自動的に起動します。 さらに、<A href="mailto:E-mailアドレス?subject=件名">〜</A>とすれば、メールの件名を指定することができます。
■ 画像をリンクボタンとして設定する <IMG>タグを<A>タグで囲めば画像をリンクボタンとして設定できます。画像の枠線を消すには<IMG>タグに属性border="0"を加えて下さい。
■ サムネイルにリンクを貼って大きい写真にジャンプする サムネイルとは元の写真の見本のようなもので、アルバムなどを表示するのに適しています。
■ リンク先の説明を表示する TITLE属性でコメントを記述すれば、リンクボタンにマウスを乗せた時、リンク先の説明のミニコメントが表示できます。
|