URLとファイルの対応 ユーザー s0510999 の Z:\www\ フォルダにある hello.html ファイル ユーザーIDの前にチルダ記号「~」をつける ~ユーザーID ファイル名 http://www.ipe.tsukuba.ac.jp/~s0510999/hello.html 筑波大学サーバー パソコン ユーザー s0510999 の Z:\www\ フォルダにある hello.html ファイル 筑波大学の決まり事
URLとファイルの対応の実例 http://www.ipe.tsukuba.ac.jp/~s0510999/ ユーザー s0510999 の Z:\www\ フォルダの index.html ファイル [メモ] ファイル名が指定されなかった場合は index.html ファイルが使用される http://www.ipe.tsukuba.ac.jp/~s0510999/hobby/tennis.html ユーザー s0510999 の Z:\www\hobby フォルダの tennis.html ファイル [メモ] フォルダを使用して階層的な構成にできる
ホームページのリンク リンク = 他のページへ移動させるためのもの ↓ 「他のページ」の所在地を指定する必要がある ページの所在地の指定の仕方 絶対パス http://www.yahoo.co.jp/index.html 相対パス 例(同じフォルダにある場合) hobby.html 例(子フォルダにある場合) chapter2/index.html 例(親フォルダにある場合) ../index.html ( ../ が親フォルダを表す)
相対パスの実例 Case1: リンク先がリンク元と同じフォルダにある場合 Case2: リンク先がリンク元より深い階層にある場合 前提:現在のHTMLファル(リンク元)は z:\www\hobby\index.html Case1: リンク先がリンク元と同じフォルダにある場合 リンク先 z:\www\hobby\baseball.html 相対パス baseball.html Case2: リンク先がリンク元より深い階層にある場合 リンク先 z:\www\hobby\travel\tokyo.html 相対パス travel/tokyo.html Case3: リンク先がリンク元より上の階層にある場合 リンク先 z:\www\profile.html 相対パス ../profile.html Case4: より複雑なケース リンク先 z:\www\work\report\test1.html 相対パス ../work/report/test1.html
HTMLタグのいろいろ タグの基本形式:始まりと終わりがある パラメータを指定できるものもある 終わりの無いものがある <タグ記号> </タグ記号> 例: <html> … </html> 例: <head> … </head> パラメータを指定できるものもある <タグ記号 パラメータ名=パラメータの値> </タグ記号> 例: <font size=“5” color=“red”> … </font> 終わりの無いものがある <タグ記号> 例: <BR> 例: <HR>