パスの通し方

コーディングを始めた頃、画像が表示されないということがよくありました。
未経験の方に教えている時にも、パスが通ってないなんてことがよく起こります。

この記事は、パスがわからない方用です。

画像が表示されない、cssが読み込まれていないなんて時は、パスが通っていないことがほとんどだと思います。
文章のみですが、パスの通し方の説明です。

sampleというディレクトリ(フォルダのことと思っていただいてOK)で作業しているとします。

例 sample

sampleディレクトリのなかに、index.htmlを作成します。
作成したら、style.cssを作成します。

作成後、index.htmlを編集していると想定してください。
index.htmlファイルの中でcssファイルを読み込みたい時、どうすれば良いのか。

linkタグを使います。
linkタグのhref属性にcssファイルの場所を指定してあげるとパスを通すことが出来ます。
今回の例でいうと、
link rel=”stylesheet” href=”style.css”
になります。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です