趣味でいろんな事やってます。今はテンプレートやカスタマイズ方法 HTML CSSについて書いています。『完成!』とか『クリア!』と達成感を味わいたい。 そんなこんなで へたのヨコズキ 趣味紹介ページです。
 
 
 
 
 
 
スポンサーサイト
 
 
【--/--/-- --:--】
 
 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


 賞金クリックランキング ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
 
 
 
▲TOP
 
 
 
 
HTML初心者さんのために3
 
 
【2006/03/03 15:22】
 
 
HPつくりにおいての リンクやイメージタグのときの
絶対パスと相対パスについて 書いています。

まずはHPつくりに置いて フォルダの事をディレクトリと言う言い方もします。
ディレクトリの中のDATAになるにつれ/が付いていきます。
例)
folder1の中にrenshu.htmlがある場合
folder1/renshu.html
このようになります。


index.htmlというのは 作ったHPのTOPとなるページです
HPのアドレスが http://●●/××/hetayoko/ だとすると 
大抵のサーバーの場合 http://●●/××/ までがそこのサーバーのアドレスで hetayoko の部分がレンタルした時につけた自分のIDになる所が多いです。
hetayokoという名前のディレクトリが サーバのHPスペース になるわけです。
細かい所は各レンタルサービスによって異なると思いますが
index という名前の付いたHTMLファイルはアドレスに表示されません。
なので HPを作成される場合 TOPページのファイル名はindex.htmlとしてください。

リンクのときのパス指定
ページに同じHPの別ページへとリンクを張る場合主に相対パスで指定します。
index.htmlにfolder1の中にあるimg.jpgの画像を張りたい場合
index.htmlに書き込むイメージタグは以下のようになります。
<img src="./folder1/img.jpg">

page1.htmlにpage2.htmlにリンクを張る場合
<a harf="../folder2/page2.html">ページ2へのリンク</a>

下のディレクトリに行く時は/を使い上のディレクトリへ行く時は../
同じディレクトリの時./を使います。

絶対パスというのは http:// から始まるアドレスのことです。
他のHPなどにリンクする際はこれを使います。
例)
<a href="http://blog.fc2.com/">FC2ブログ</a>
スポンサーサイト

 賞金クリックランキング ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
HP作成 >> コンピュータ
 
 
 
▲TOP
 
 
 
 
この記事に対するコメント
 
 
承認待ちコメント
このコメントは管理者の承認待ちです
【2006/07/27 17:56】 URL | # [ 編集]

承認待ちコメント
このコメントは管理者の承認待ちです
【2006/09/16 20:54】 URL | # [ 編集]

承認待ちコメント
このコメントは管理者の承認待ちです
【2006/10/28 17:00】 URL | # [ 編集]

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2006/11/24 22:02】 URL | # [ 編集]

俥驫頌鳧? 凰蜥鈞 碎繿鱚
Hello

? 轢? 茸 跪聽鱚 關蓆瘰繿鱶 關釿鞐跛? ? 驫韆闥? 粳? 銜關珥褂 退? 釶??硅纃蓍 轢 竡髓繧 褄蓊?, 瘠釿?, WiKi, 袱鰰謗竏 髑鉅, ?頌踵. 嚶蒻琺 痼茆 籥迯 ?頌跪?, 痳譖? 袱鰰謗竡?, e-mail ? 跋釿? 粽黹蔘 闔諷芻 粳? 鞐驫頌鳧? 退竡 騾蜥? 鴈矗韲?. ? 碌? 鴈矗顋 碌繝? 闔 99 迺鈞!


http://99c.in
ICQ 355-744-928
【2006/12/06 20:19】 URL | Romancin #b52wOgDI [ 編集]


太字の文斜体の文下線の文打ち消しの文色付きの文字v-11v-246
【2007/04/20 14:12】 URL | 匿名さん #- [ 編集]

承認待ちコメント
このコメントは管理者の承認待ちです
【2008/01/15 10:40】 URL | # [ 編集]

 
 
 
▲TOP

 
 
 
 
この記事に対するコメント投稿
 
 















 
 
 
▲TOP

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。