Jak wstawić obrazek na stronę?

Question

Używałam już wszystkiego co znalazłam w necie i nic nie działa ścieżki do obrazów są dobre kod jest dobry ale na stronie w dalszym ciągu nie wyświetlają się obrazy. Sprawdziłam też jak to widzi przeglądarka i ona widzi ,że jest tam obraz i ,że ma go wyświetlić ale go nie wyświetla. Próbowałam już kodów tego typu czyli:

1. Taki najprostszy (np)

<img src="wilk.jpg">

2.  HTML

<div id="wilk"></div>

CSS

#wilk

{

background-image: url('wilk.jpg');

}

Comments

Pokaż screen ze strukturą katalogów projektu (w szczególności lokalizację obrazka oraz nazwę jego pliku z rozszerzeniem - być może pomyliłeś rozszerzenie).

Answer 1

1. Sprawdź rozszerzenie zdjęcia.
2. Sprawdź położenie pliku względem pliku html.
3. Jeżeli robisz to za pomocą background-image, to należy podać długość(width) oraz wysokość(height) bloku.

Comments

dodanie wysokości i szerokości pomogło Dziekuję

---

Dodam jeszcze, że warto abyś znał takie pojęcie jak semantyka kodu. Z tego co widzę, jesteś nowy - ale to bardzo ważne pojęcie; ogółem w pisaniu stron chodzi o to, aby jak najlepiej oddać charakter treści, które prezentujemy. Czy blok(div) dobrze interpretuje to, że chcemy pokazać obrazek? No nie do końca; dlatego też jeżeli chcemy wstawić obrazek na stronę(obrazek, tło a dekoracyjna grafika to różne rzeczy), to powinniśmy używać do tego znacznika img. Jak zostaniesz na dłużej przy kodowaniu stron to załapiesz ;)