らくがきはうす♪やってみよう！～リンクのページ♪

○ タグ
○ 基本のページ
○ 画像のページ
*****************
* リンクのページ *
*****************
○ 色見本
○ 文字のページ
○ レイアウトのページ
○ 内緒(^^)のページ

＋＋＋リンク＋＋＋

リンクには自分のページ内でリンクする「相対リンク」と他人のホームページにリンクする「絶対リンク」があります。リンクしたい時は、このタグを使います

<a href="ファイル名　またはＵＲＬ">～</a>

＋＋＋ＨＴＭＬ＋＋＋

<html>

<head>
<title>おべんきょうのページ</title>
</head>

<body>

テキストにリンクをはってみましょう<br>

<a href="index.html">基本のページ</a>

</body>

</html>

＋＋＋レッスン１＋＋＋

基本のページで作ったファイルにリンクしてみましょう
ここでは「index.html」にしていますが
自分が保存したファイル名に変更をして保存してみてください

＋＋＋レッスン２＋＋＋

画像にリンクをはってみましょう

<a href="index.html"><img src="image/itigo.jpg"></a>

「いちご」の画像にリンクをはってみましょう
リンク先はレッスン１と同じ「index.html」にします
画像にリンクをはると、枠線が表示されます
この枠線を表示されないようにするには
<img src="image/itigo.jpg" border="0">とします

＋＋＋レッスン３＋＋＋

リンクにメールアドレスを指定しましょう

<a href="mailto:アドレス">メールしてね(^_-)</a>

リンクにメールアドレスを指定します
アドレスのところに、自分のメールアドレスをいれてみましょう
ＩＥでファイルを開き、「メールしてね」をクリックすると
メールソフトが起動をしてメールを送れるようになります

＋＋＋レッスン３＋＋＋

この「やってみよう！」のＴＯＰにリンクをしてみましょう
アドレスはhttp://www.bj.wakwak.com/~sakuranbo/tagu.html
さぁ、うまくいくかな？？