外部ファイル参照方法

画像の横に書く文字列(../の相対パス指定例) 

まず目標の確認ボタンをクリックして左上目標となるページを出します。
そして下の編集後の確認ボタンをクリックして左下現状のページを出します。
  (出題しているこのページは、右に配置して、3つのウインドウが同時に見えるようにするとよいでしょう。)
そして、違いを確認しましょう。それから下記テキストを編集して編集後の確認ボタンで現状のページがどう変わったか確認します。いろいろと実験して最終的に、目標となるページ現状のページが同じになるように編集と確認を繰り返します。


←このボタンをクリックして表示するWebページと、同じように見えるHTMLを以下に作成してください。(htmlタグなど、小文字を使っても影響がない範囲で小文字を使ってください。)
yuubanner.gifファイルは、 作成しているHTMLが存在するディレクトリののディレクトリにあります。 また 背景画像の並べ方であるbackground-repeatが違います 。 他に、marginの方向も違っています。 vertical-align属性は、 topbottom指定を確認してください。

←上記で編集した内容を、ブラウザで確認するボタンです
上のボタンで確認した後、正しいと思ったら、下の評価ボタンをクリックください。

←目標と同じ結果が得られるように修正してからクリックください。(下の枠に出たメッセージの⇒をクリックすると、違うと判断される近辺の行が反転します)
作り方はいろいろですが、わからない場合や正解しない場合は、答えを見て出題されるパターンを学習し、再度チャレンジしてください。