|
テーマ:タグに挑戦!(102)
カテゴリ:カテゴリ未分類
今日はリンクを作る復習をしましょう(〃⌒▽⌒)
皆さんリンクって知っていますか? 文字や画像をクリックすると別のページに飛ぶ・・・あれのことですね。 「楽天」でHPを作っていたら、 特にタグを記述しなくてもリンクって作れてしまいますよね。 ただ、自動でできてしまうからその分覚えにくいって欠点もあるでしょう。 そんなわけで今回はリンクの作り方の復習です(〃⌒▽⌒) まずは基本から。 例) <a href="http://www.7key.jp/" target="_blank">ここをクリックしてみてー</a> 表示結果) ここをクリックしてみてー 実際にクリックすると「http://www.7key.jp」というページにジャンプしたと思います。 「href」で指定するのは見てのとおり、ジャンプしたいページのURLですね(〃⌒▽⌒) (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" border="0"></a> 表示結果) 画像の周りの線幅を「0」にしてね( ̄▽ ̄人) って記述でした。 リンクの説明はこれでおしまいです。 楽天内ではあまり記述することが無いかもしれませんが、 この「リンク」こそインターネットの醍醐味です。 次から次へと別のページにジャンプしておもしろいサイトを発掘できるから おもしろいですよね( ̄▽ ̄人) しっかりマスターしましょう(〃⌒▽⌒) お気に入りの記事を「いいね!」で応援しよう
|