リンクの設定2

日　時：2022年12月5日 13:30から16:20

参加者：小野 寺島 大関 大野 青木 池田 藤本

内　容：他サイトへリンク及び画像からのリンク設定を学習した。
他サイトへリンクは次のように記述します。
<a href="リンク先WebページのURI">テキスト</a>
画像からのリンクは次のように記述します。
<a href="リンク先を表すURL"><img src="画像ファイル" /></a>

実習

1. index.htmlを開き、下記を追記します。
   <h1>初詣ベスト3</h1>
   <p>初詣の参拝者数が多いところをご紹介します。</p>
   <p><a href="">1.明治神宮</a></p>
   <p><a href="">2.成田山新勝寺</a></p>
   <p><a href="">3.川崎大師</a></p>
2. 明治神宮、成田山新勝寺、川崎大師のホームページのURLを求め其々のhrefの""内に貼り付けます。
3. 各リンク先の次に target="_blank"を追記します。

   

4. 1つ下の階層のファイルへのリンクの例として「index.html」から「zoo.html」及び「park.html」へのリンクを設定しました。

   

5. 「zoo.html」及び「park.html」間の相互リンク（同じ階層間）と「zoo.html」及び「park.html」から「index.html」へのリンク（上の階層へ）を設定しました。
   zoo.html
   

   

   park.html
   

   

6. サイトからライオンの画像を取得し「image」ホルダーにファイル名「lion.webp」として保存しました（画像を保存にはPhotoScape Xの画像キャプチャー機能を使いました）。
7. indx.htmlにライオン画像を挿入し「zoo.html」へのリンクを設定しました。
   <p><a href="text/zoo.html"><img src="image/lion.webp" alt="ライオンの居眠り" /></p>