Dlaczego nie wyświetla się obrazek w formie przycisku?

pytanie zadane 30 czerwca 2020 w HTML i CSS przez asdsad Początkujący (420 p.)

Witam wszystkich! :) chciałbym uzyskać taki efekt jak poniżej lecz z obrazkiem w formacie png. Utworzyłem na pulpicie folder o nazwie www i wpisałem tam kod w notatniku zapisując go w formacie html oraz wrzuciłem obrazek do tego folderu. Wszystko byłoby w porządku lecz nie wyświetla mi obrazka - strona otwarta w mozilli.

Tak wyświetla mi stronę:

A oto mój kod:

<html>
<head>
</head>
<body>
<form action="...">
<p>Subskrybuj nasz biuletyn informacyjny</p>
<input type="text" name="email" />
<input type="image" src="www/subscribe.png"
width="100" height="20" />
</form>
</body>
</html>

Link do obrazka - https://toppng.com/public/uploads/preview/subscribe-11551052834uiovfj1mgw.png

Z góry dziękuje za pomoc! :)

2 odpowiedzi

odpowiedź 30 czerwca 2020 przez Comandeer Guru (607,330 p.)

Jesteś pewien, że struktura katalogów jest ok? Możesz ją pokazać?

komentarz 30 czerwca 2020 przez asdsad Początkujący (420 p.)

Proszę:

komentarz 30 czerwca 2020 przez Comandeer Guru (607,330 p.)

Więc ten obrazek jest w ./subscribe.png, nie www/subscribe.png. Ten drugi zapis oznaczałby, że obok strony byłby katalog www, a dopiero w nim obrazek.

odpowiedź 30 czerwca 2020 przez _Pita_ Stary wyjadacz (11,410 p.)
edycja 30 czerwca 2020 przez _Pita_

Pomnień podany przez Ciebie fragment

www/subscribe.png

na podany przez Ciebie link do obrazka ;)
Taki kod mi działa, (Do pożądanego efektu zmieniłbym jedynie proporcje obrazka na 1:5)

<html>
<head>
</head>
<body>
<form action="...">
<p>Subskrybuj nasz biuletyn informacyjny</p>
<input type="text" name="email" />
<input type="image" src="https://toppng.com/public/uploads/preview/subscribe-11551052834uiovfj1mgw.png"
width="100" height="20" />
</form>
</body>
</html>