七鍵＠楽天

コメント新着

うしまる＠ @ 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>

表示結果）

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

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

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