html入門 - Lesson6

リンクを使う

(リンクを使って飛びまくりましょう)

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>初めてのページ！</title>
</head>
<body>
<a href='http://hukumoto.pe-gawa.com/club/img/comingsoon1.png'>画像へとべる</a>

<a href='http://hukumoto.pe-gawa.com/club/'>他のサイトへとべる</a>

</body>
</html>

これをエディタに書いてみてください。

他のページへ移動できましたでしょうか。
<a href='リンク先のURL'>他のサイトへとべる</a>

hrefには、リンク先のURLが入ります。
「リンク先のURL」も「パス」と同じです。
・相対パスとは、自分のディレクトリからの位置でファイルの位置を記述します。
例）img/boko.png

・絶対パスとは、自分のディレクトリとは関係なく、直接のファイルの位置を記述します。
例）http://hukumoto.pe-gawa.com/club/img/comingsoon1.png
<　 HOME　 >