HTML-外部リンクの作成
今度は、先程変更した「index.html」のテーブルに「LINKS」
という文字画像を張り付け「link.html」にリンクさせるように変更します。
「link.html」は新規に作成します。
「link.html」は、リンク指定した外部のサイトをブラウザの別ウインドウで開くように作成します。
■■ index.htmlの変更 （リンクの追加）■■
「links.gif」の画像は、下の画像を右クリック して
【名前を付けて画像を保存】から取得してください。
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY BACKGROUND="back.gif">
<CENTER>
<FONT SIZE="7"><B>私の<I>ホームページ</I>
にようこそ！</FONT></B><BR>
<BR>
<IMG SRC="picture.gif">
<BR><BR>
<FONT COLOR="BLUE">これから色々作成していきます。
ごゆっくりどうぞ</FONT>
<BR><BR><BR><BR>
<A HREF="profile.html">
<IMG SRC="profile.gif" BORDER="0"></A>
<BR><BR>
<A HREF="link.html">
<IMG SRC="links.gif" BORDER="0"></A>
<BR></BR>
<IMG SRC="welcome.gif">
</CENTER>
</BODY>
</HTML>
■■ link.htmlの新規作成 ■■
<HTML>
<HEAD>
<TITLE>リンクのページ</TITLE>
</HEAD>
<BODY BACKGROUND="back.gif">
<CENTER>
<A HREF="http://www.yahoo.co.jp/"
target="_blank">Yahoo</A>
<BR><BR><BR>
<A HREF="index.html">戻る</A>
</CENTER>
</BODY>
</HTML>
他のサイトにリンクさせる時にはどうすれば良いの？
自分のサイト外のページにリンクする場合も先ほどと同様に
<A HREF="nnn.html">～</A>タグを使用します。
nnn.htmlには表示したいページのURL（http://からはじまるアドレス）を指定します。
リンク先を別のウインドウに表示させる時にはどうすれば良いの？
<A HREF="リンク先" target="_blank">とすれば別の
ウインドウにリンク先を表示させることが出来ます。
投稿者 hana : 2006年03月01日 16:10