Nie wyświetlają się obrazki na stronie.

0

Witam, mam problem z obrazkami nie wyświetlającymi się na stronie, używam edytora Brackets, i w podglądzie w czasie rzeczywistym wyświetla się tylko ten "złamany" obrazek i tekst alternatywny. Kod poniżej:

<!doctype html>
 
<html lang="pl">
<head>
    <meta charset="utf-8">
    <meta name="description" content="opis">
    <meta name="author" content="autor">
    <title>blah</title>
</head>
<body>
    lubie gotować na parze <br />
    czasami też na patelni
    <p align="center"><i><font color="red">Treść akapitu</font></i></p>
    <p align="left"><font face="Arial"</font>można smarzyć na patelni placki</p>
    <body bgcolor="black" text="white">
    czasem lubie patrzec na maslo
    </body>
    <img src="C:/Użytkonicy/Mateusz_2/Pulpit/aad/templar.jpg" alt="Tu podaj tekst alternatywny" />
</body>
</html>
1 
<p align="left"><font face="Arial">można smarzyć na patelni placki</p>

nie zamknąłeś znacznika font

 </body>
    <img src="C:/Użytkonicy/Mateusz_2/Pulpit/aad/templar.jpg" alt="Tu podaj tekst alternatywny" />
</body>

za to dwa razy zamknąłeś znacznik body

1

W HTML5 nie ma:

  • atrybutów: align, font, color, face oraz text,
  • znaczników: font

To tak swoją drogą.

0
Patryk27 napisał(a):

W HTML5 nie ma:

  • atrybutów: align, font, color, face oraz text,
  • znaczników: font

To jest xhtml o ile się nie mylę.
Poprawiłem i to samo:

<!doctype html>
 
<html lang="pl">
<head>
    <meta charset="utf-8">
    <meta name="description" content="opis">
    <meta name="author" content="autor">
    <title>blah</title>
</head>
<body>
    lubie gotować na parze <br />
    czasami też na patelni
    <p align="center"><i><font color="red">Treść akapitu</font></i></p>
    <p align="left"><font face="Arial"</font>można smarzyć na patelni placki</font></p>
    <body bgcolor="black" text="white">
    czasem lubie patrzec na maslo
    <img src="C:/Użytkonicy/Mateusz_2/Pulpit/aad/templar.jpg" alt="Tu podaj tekst alternatywny" />
</body>
</html>

zamiana znacznika <code class="xhtml"> na <code class="html"> - @furious programming

1

Mylisz się :P

1

Do opisu wyglądu strony stosuje się CSS, a nie przestarzałe znaczniki.

0

No a co mówi konsola?
Może po prostu dostajesz 404.

0 
    <body bgcolor="black" text="white">

nie zauważyłem tego. znacznik body nie może być w innym znaczniku body. użyj diva.

co to za edytor, skoro nie podkreśla ci tych błędów?

0

Brackets, jak już napisałem jest zielony i nie wiem co to div.

1

http://www.poradnik-webmastera.com/polecenia/html/znaczniki/znacznik_div.html

1

Używanie ścieżek bezwzględnych jest nieporozumieniem. Co jeśli wyślesz koledze ten projekt albo wrzucisz na serwer? Będziesz musiał popoprawiać te ścieżki na inne albo tworzyć użytkowników/foldery w głupich lokacjach żeby stronka łaskawie zaczęła się wyświetlać.

0

Jeśli używasz standardów sprzed kilkunastu lat to nie dziw się, że ci coś nie działa.
Od jakichś 10 lat nie używa się <font> czy bgcolor tylko definiuje się style CSS, które odpowiadają za wygląd strony. Czyli w HTMLu piszesz normalnie <div>, <span> i do tego wrzucasz tekst. A w stylach CSS definiujesz np.coś takiego

p {
  color: red;
}

i masz czerwone paragrafy. Możesz też używać klas. W HTMLu:

 <p class="moj-akapit">to jest test</p>

a w pliku CSS:

.moj-akapit {
  text-align: center;
}

I tak się robi. Od jakichś 10 lat.

Co do obrazków to pewnie zapomniałeś dodać nazwy protokołu: file:// przed adresem. Tylko i tak, jak szopenfx napisał - używanie ścieżek bezwzględnych jest (w tym przypadku) nieporozumieniem. Powinieneś wgrać wszystkie obrazki do folderu z projektem np. zakładając specjalny podkatalog images, i się odwoływać do nich w stylu <img src="images/templar.jpg">

1 użytkowników online, w tym zalogowanych: 0, gości: 1