1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ページ内リンクと画像の挿入

Posted at

「ページ内のリンクがジャンプしない」
「画像の挿入ができない」
このようになってしまった時の解決方法をご紹介します!

##ページ内リンクが作れない
リンク先にジャンプしない原因は2つありました。
*<a>タグに入っていない

<div class="link link-intro"><a href=".intro"></a>自己紹介</div>

こんな感じで<a>タグの外に出ていたパターンです。

*指定するidのつづりが違っていた
これは自分の指定したidを確認して、直しましょう。

今見ると簡単なところでつまずいていたなと感じます(泣)

##画像の挿入が出来ない
これもできない原因が2つありました。
*画像の場所を指定できていない
画像を挿入するときはパソコンがどの位置にその画像があるかを把握してないといけません。
そのためには相対パス、絶対パスについて知っておく必要があります。(https://blog.codecamp.jp/programming-html-picture-arrangement)
こちらの画像ファイル名の書き方を参考にしましょう

*画像のサイズが大きすぎる
僕の場合、入れたい画像のサイズが大きすぎて読み込んでもらえな現象が起きていました。
なので画像を圧縮してサイズを小さくする必要がありました。
(https://compressjpeg.com/ja/)
画像がJPGだったのでこのサイトを利用しました。
他にも画像を圧縮できるサイトがいろいろあるので、サイズが大きい時は試してください。

以上になります。
間違いや指摘があればお願いします。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?