ミラクルタウン

コピペするだけで簡単にホームページが作れます。
初心者の方でも簡単HP!
ホームページ作成コピペで作るHP

リンクの仕方

htmlソース

<body> と</body> の間にコードを貼り付けてください。

◆コードの使い方

色つきの文字の部分はソースを書きかえる必要があります。
紫色の部分は日本語、 青色の部分は半角英数で記入してください。

<a href="リンク先のページ名.html" > リンクボタン</a>

自分のサイトの場合はこれでOKです。

他の人のサイトのページにリンクしたいときは
リンク先のページ名.htm の代わりにURLを書きましょう。
URLは右上に出てます。

例えば、
urlの見方
http://www.miracletown.net/template/link
がこのページのURLになってます。
あなたのサイトからこのページにリンクを貼る場合はこんな感じになります。
<a href="http://www.miracletown.net/template/link" > リンクの仕方</a>

◆解説

imgtarget

リンクしたページを新しい画面に表示したいときは
リンク先のページ名.htmlの後ろに terget="_blank"
を付け加えてください。

サンプル:
当サイトのトップページが開きます。
「target_blank 無し」のサンプルの方はお手数ですが、
ブラウザの《戻る》で帰ってきてください。
target_blank 無し
target_blank 有り

img画像でリンクを作りたい

画像リンクボタンを作りたいときはリンクボタンの部分に文字の変わりに
画像の表示方法で使ったタグを入れてください。
画像リンクサンプル:
みらくるたうん ←画像をクリックしてみてください。
画像を使って、当サイトのトップページにリンクを貼ってあります。
コードサンプル:
<a href="http://www.miracletown.net/" target="_blank"><img src="minibana.gif" alt="みらくるたうん"></a> 画像でリンクを作るときはこんな感じです。

imgリンクタグとパス

リンクする先のページとリンクコードを貼り付けるページは 同じフォルダにアップロードしてください。

参考参考:
リンク先のページとリンクコードを設置するページを別のフォルダに アップしたい場合はこちらを読んでください。
パス・階層について


前へ 3-2.画像を表示する        次へ 3-4.テーブルの作り方

素材屋ナビゲーション