初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「今回からリンクに関するタグを勉強するぞぃ。」

　「文字をクリックすると、別のページに変わったのぅ？
　　　　この仕組みをリンクというんじゃ。
　　　　今回はタグを紹介する前に、
　　　　まずジャンプ先のページを用意しておこうかのぅ。」


　「新しいページを作るんですか？」


　「そうじゃな。できれば新しいページを作って
　　　　サーバにアップロードしておくんじゃ。」


　「時間かかりそうだなぁ・・・。」


　「今はまだ練習じゃから、きっちり作りこまなくてもよいぞぃ。
　　　　とりあえずジャンプ先のページのURLがあればOKじゃ。
　　　　もちろん、他のサイトでもよいぞ。このサイトなら
　　　　http://saru-html.pupu.jp/　がURLじゃ。」



　リンクを貼るためのタグ
-----------------------------------------------------------------


　<A href="■">　〜　</A>　：　〜をクリックすると■のページへジャンプする。

　　　　　　　　　　　　　　　　　　　　　　（■にはジャンプ先のページのURLを入れる）


-----------------------------------------------------------------



　「〜の部分にクリックする文字を入れるんですね？
　　　　これって画像も使えるんですか？」


　「もちろん使えるぞぃ。
　　　　〜に前回やった画像を表示するタグを入れればいいんじゃよ。
　　　　では実際に使ってみるぞぃ。」

　「こんな風に入力するぞぃ。
　　　　ではブラウザで見てみようかのぅ。」

　「あれれ？文字に下線がついてますね？
　　　　画像にも枠線がついてる・・・。」


　「そうなんじゃ。
　　　　リンク文字には下線、画像には枠線がついてしまうんじゃよ。
　　　　画像の枠線を消すためのタグは、また後で説明するぞぃ。
　　　　リンクについては覚えることがたくさんあるからのぅ。
　　　　少しずつ勉強していくぞぃ。今回はここまでじゃ。」






↑ページのTOPへ

画像の横に複数行表示しよう <<<　前のページへ戻る

リンク文字の色を変えよう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃５．リンク 　>>>　リンクを貼ろう