七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Oct 5, 2004

今日はリンクを作る復習をしましょう(〃⌒▽⌒)
皆さんリンクって知っていますか？
文字や画像をクリックすると別のページに飛ぶ・・・あれのことですね。
「楽天」でＨＰを作っていたら、
特にタグを記述しなくてもリンクって作れてしまいますよね。
ただ、自動でできてしまうからその分覚えにくいって欠点もあるでしょう。
そんなわけで今回はリンクの作り方の復習です(〃⌒▽⌒)

まずは基本から。

例）

表示結果）

ここをクリックしてみてー

実際にクリックすると「http://www.7key.jp」というページにジャンプしたと思います。
「href」で指定するのは見てのとおり、ジャンプしたいページのＵＲＬですね(〃⌒▽⌒)
（URLについて詳しく知りたい方はこちらを参考にして下さい。）
そして、「target="_blank"」と言う記述は、新しいページを別の窓で開いてね(￣▽￣人)って指定となっています。
なので、リンクを作った窓と同じ窓で新しいページを開きたい場合は、
この「target="_blank"」という記述を削除してやって下さい(〃⌒▽⌒)

画像を使ったリンクも上の例を応用すれば簡単ですね。

例）
<a href="http://www.7key.jp/" target="_blank"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></a>

文字であろうが、画像であろうが同じってわけです(￣▽￣人)
でもちょっと待ってください。
なんだか画像の周りにおかしな線が表示されていますよね(´･ω･`)
この線を無くなしてしまいますとリンクであることが分かりづらくなるのですが・・・
あったらあったで邪魔ですよね（笑

例）
<a href="http://www.7key.jp/" target="_blank"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></a>

表示結果）

画像の周りの線幅を「０」にしてね(￣▽￣人)　って記述でした。

リンクの説明はこれでおしまいです。
楽天内ではあまり記述することが無いかもしれませんが、
この「リンク」こそインターネットの醍醐味です。
次から次へと別のページにジャンプしておもしろいサイトを発掘できるから
おもしろいですよね(￣▽￣人)
しっかりマスターしましょう(〃⌒▽⌒)

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Oct 5, 2004 12:11:39 AM
コメント(2) | コメントを書く

■コメント

初めまして！

麻生　壮さん

初めまして、七鍵さん♪
いつもタグ使わせていただいてます。有り難うございますｍ（__）ｍ
ちょっと質問なんですが、上の画像リンクの外枠を無くすタグは楽天でも使用出来るんでしょうか？今試してみたんですが、出来なかったんです。。。
私のやり方が悪かったのでしょうか？
よろしかったら教えていただけないでしょうか・・・ (May 22, 2005 10:55:41 AM)

返事を書く

Re:初めまして！(10/05)

＃七鍵さん

麻生　壮さん

いらっしゃいませ、はじめまして(〃⌒▽⌒)

もちろん楽天でもできますよ。
このページで実際やっていますし（笑
上記の
<a href=" http://www.7key.jp/" ; target="_blank"><img src=" http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" ; border="0"></a>
でできなかったでしょうか？
特別な事は何もせず上記のサンプルの通りですので
もし、どうしてもできなければそのページを教えてもらえないでしょうか？

(May 22, 2005 01:16:31 PM)

返事を書く

【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! -- / --

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

Design a Mobile Site

スマートフォン版を閲覧 | PC版を閲覧