Problem ze zdjęciem w JavaScript

pytanie zadane 15 września 2015 w JavaScript przez Newtonik Gaduła (3,660 p.)

<html>
<head>
<script type="text/javascript">
document.write("<center> <b>Pierwszy program</center></b>");
document.write("<center><b>Klasa III TIE</center></b>");
document.write("<center><b>Interesuje sie nowinakami informatycznymi i jezykami programownaia</center></b>");
document.write("<center><b>Przewidywana ocena z TAI +5 </center></b>");
<img src="javascript_logo.png" width="100"" height="100" alt="Java" />
</script>
</head>
</html>

Kiedy wklejam ten kod nic nie ma.Interesuje mnie 4 linijka od końca. Wydaje mi się wszystko dobrze ale uczę sie tego języka pierwszy dzień a nie mogę znaleźć prawidłowej odpowiedzi. Z góry dziekuję za pomc w problemie.

4 odpowiedzi

odpowiedź 15 września 2015 przez Comandeer Guru (601,590 p.)

Jaki jest sens stosowania tutaj JS? document.write od dawna jest uznane za bardzo złą praktykę.

komentarz 15 września 2015 przez Newtonik Gaduła (3,660 p.)

Nasza pani od JavaScript kazała tak napisać. A jesli mogą wiedzieć to jak ten kod powinien wyglądać aby był poprawny?

komentarz 15 września 2015 przez Comandeer Guru (601,590 p.)

To powinno być po prostu wstawione jako HTML, nie JS.

komentarz 15 września 2015 przez Newtonik Gaduła (3,660 p.)

Zrobiłem wedlug polecenia pani ale dzieki za rade

komentarz 16 września 2015 przez Czort Nałogowiec (32,500 p.)

Pani chyba w latach 90-tych js się uczyła.

odpowiedź 15 września 2015 przez DL TD Nałogowiec (36,710 p.)

Linia nr 8: Wkradł ci się znak cudzysłowia. Popatrz:

Zamiast width="100"", powinno być width="100". (O jeden zank " za dużo)

komentarz 15 września 2015 przez Newtonik Gaduła (3,660 p.)

Już poprawiłem ale dalej wyskakuje pusta strona :(

komentarz 15 września 2015 przez DL TD Nałogowiec (36,710 p.)

Zapewne dlatego, że img masz w tagu script. Wywal img i zapisz je w sekcji body.

BDW Nie używaj <center>! Lepiej zapisać w CSS text-align: center;

komentarz 15 września 2015 przez Newtonik Gaduła (3,660 p.)

Teraz działa dzięki czyli jeśli chce wkleić jakieś zdjęcie (obrazek) na strone powinienem to robic w <body> ... </body> tak ?

komentarz 15 września 2015 przez DL TD Nałogowiec (36,710 p.)

W sekcji head najczęsciej piszesz to czego nie widać na pierwszy rzut oka. W body natomiast rzeczy widoczne (obrazki, teksty, kotwiczki, tabele itp.). Wszystko to umieszczasz w tagu html, a wcześniej deklarujesz dokument LINK.

odpowiedź 15 września 2015 przez damianmisztal Gaduła (4,730 p.)

odpowiedź 15 września 2015 przez Thonem Obywatel (1,230 p.)
edycja 15 września 2015 przez Thonem

Po pierwsze nie używaj tagu center. Został on uznany za przestarzały wraz ze standardem HTML5. Po drugie takie zamykanie tagów (<center></center>) też nie jest zbyt poprawne. Powinno się raczej zamykać je tak: <center></center>. Ale to nie to jest powodem nie wyświetlania się twojej strony. Główny problem znajduje się w 8 linijce. Żeby yświetlić zdjęcie na stronie również powinieneś użyć funkcji document.write(). Ale uwaga: jeśli zapiszesz ją tak:

document.write("<img src="javascript_logo.png" width="100" height="100" alt="Java" />");

to również nic się nie pojawi. Dlaczego? Bo cudzysłowie w funkcji gryzie się z cudzysłowami HTMLa. Musisz więc napisać ją z apostrofami, tak:

document.write('<img src="javascript_logo.png" width="100" height="100" alt="Java" />');

Mam nadzieję, że pomogłem. Jeśli czegoś nie zrozumiałeś, pytaj w komentarzach.

P.S. Sorry za edycję, poprawiłem nazwę adresu obrazka.

komentarz 15 września 2015 przez Newtonik Gaduła (3,660 p.)

Sprawdziłem działa wszystko. A co do instrukcji <center> tak uczyła nas pani od aplikacji. Będę robił jak tu niektórzy pisali w komentarzach/ Dzieki za pomoc :)

komentarz 15 września 2015 przez Thonem Obywatel (1,230 p.)

Przypuszczam, że ta "pani od aplikacji" zwyczajnie nie jest zbytnio obeznana z HTML5. No cóż, tak jak pisał kolega wyżej, używaj po prostu text-align: center w css. Cieszę się, że mogłem pomóc.