リンクタグ <a href="リンク先">
Yahoo!ブックマークに登録
はてなブックマークに登録
livedoorに記事をクリップ| リンクをする | |
|---|---|
| タグ | <a href="リンク先">リンク用文字</a> |
| 見本 | <a href="http://www.yahoo.co.jp/">リンク用文字</a> |
| 結果 | リンク用文字 |
| 見本 | <a href="sakusei_html.html">リンク用文字</a> |
| 結果 | リンク用文字 |
| 解説 |
<a href="リンク先"> の 「リンク先」 の部分にリンク先のアドレス、もしくはファイル名などを指定するとそのページに移動することができます。自分のサイトであればファイル名だけでリンクが可能です。 <a href="リンク先"> 〜 </a> で囲まれている部分の文字がリンク用文字になります。この文字をクリックすることで、指定ページへ移動することができます。 一番上の見本の「結果」をクリックするとyahooのホームページに行きます。 これは 「リンク先」 の所に 「http://www.yahoo.co.jp/」 とyhooのホームページアドレスを入れたからです。 自分のサイトの違うページに行くときはファイル名「○○○.html」と記入します。「○○○」はファイル名で「.html」は種類（拡張子）です。htmlがついていればホームページのファイルという事になります。 |
| ターゲットを指定する（リンク先を開く方法） | |
|---|---|
| タグ | <a href="リンク先" target="★">リンク用文字</a> |
| 通常 | リンク用文字 |
| 見本 | <a href="http://www.yahoo.co.jp/" target="_blank">リンク用文字</a> |
| 結果 | リンク用文字 |
| 解説 | ★の部分に 色 を指定します。 指定方法は下記にあげた方法があります。 リンクをクリックしたときの移動の仕方を指定することができます。 |
| サイト内のページをフォルダで分けている場合 | |
|---|---|
| 解説 |
もし、自分のサイトの移動先のページが、上の階層のフォルダか下の階層のフォルダの場合は下記のように指定する必要があります。対象のファイルから移動先のファイルまでの指定をする 「相対値」 と、アドレスをそのまま指定する 「絶対値」 の２通りの方法があります。 ■相対値で違うフォルダ内のページを指定する場合
|
ＨＴＭＬ辞典
- CSS辞典はこちら
- 【 基本タグ 】
- HTMLタグ（全体）
- HEADタグ（効果）
- TITLEタグ（題名）
- METAタグ（支援）
- LINKタグ（関連）
- BODYタグ（内容）
- 【 文字タグ 】
- 字色・サイズ <font>
- 太字タグ <b>
- 斜体タグ <i>
- 下線タグ <u>
- 打ち消し線タグ <s>
- 大字タグ <big>
- 小字タグ <small>
- 等間隔タグ <tt>
- 上付タグ <sup>
- 下付タグ <sub>
- 強調太字 <strong>
- 強調斜体タグ <em>
- 文字移動 <marquee>
- 【 区切りタグ 】
- 改行タグ <br>
- 見出しタグ <h>
- 段落タグ <p>
- 引用文 <blockquote>
- スペース表示 <pre>
- 一本線タグ <hr>
- 中央表示 <center>
- 【 リンクタグ 】
- リンク用タグ <a>
- ページ内リンク <a>
- メール起動リンク <a>
- リンク色の変更 <a>
- 【 リストタグ 】
- マークリストタグ <ul>
- 数字リストタグ <ol>
- 用語説明タグ <dl>
- 【 画像タグ 】
- 画像表示タグ <img>
- 画像内リンク <img>
- 【 テーブル 】
- 枠組み・表 <table>
- レイアウト・配置
- 【 フレーム 】
- 分割フレーム <frame>
- 内側フレーム <iframe>
- 【 フォーム 】
- フォーム <form>
- １行入力 <input>
- パスワード <input>
- ラジオボタン <input>
- チェックボックス
- ファイル送信 <input>
- 隠しデータ <input>
- 選択フォーム <select>
- 文章入力 <textarea>
- 送信・リセット <input>
- 画像ボタン <input>
- 通常ボタン <input>
- 【 その他 】
- 範囲指定タグ <div>
- 範囲指定タグ <span>
- コメントタグ <!-- -->
