リンクをする
▼他サイトへの入り口を作る
他サイトへの入り口にする文章を<a href="他サイトのURL">と</a>で囲みます。
<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://yahoo.co.jp/">Yahoo!のホームページへ</a><br>
<a href="http://bb.yahoo.co.jp/">Yahoo!BBのホームページへ</a>
</body>
</html> |
リンクページを新しく開きたい場合は、<a>の中に"target="_blank"を入れます。
<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://yahoo.co.jp/" target="_blank">Yahoo!のホームページへ</a><br>
<a href="http://bb.yahoo.co.jp/" target="_blank">Yahoo!BBのホームページへ</a>
</body>
</html> |
サンプルページ
▼リンクの文字色を指定する
<body>の中に link="色の番号" vlink="色の番号" alink="色の番号"を入力します。
| link |
まだ訪問していないリンクの色を指定 |
| vlink |
訪問済みのリンクの色を指定 |
| alink |
リンクをクリックした時の色を指定 |
<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#0000CC">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://yahoo.co.jp/">Yahoo!のホームページへ</a><br>
<a href="http://bb.yahoo.co.jp/">Yahoo!BBのホームページへ</a>
</body>
</html> |
サンプルページ
|