Nie wyświetlają się obrazki na stronie.

hervercafter

2015-07-19T14:58:00+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 4

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:

Kopiuj

<!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>

ly000

2015-07-19T15:01:59+02:00

Rejestracja: dni
Ostatnio: dni

1

Kopiuj

<p align="left"><font face="Arial">można smarzyć na patelni placki</p>

nie zamknąłeś znacznika font

Kopiuj

 </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

Patryk27

2015-07-19T15:04:13+02:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Wrocław
Postów: 13042

1

W HTML5 nie ma:

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

To tak swoją drogą.

hervercafter

2015-07-19T15:05:49+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 4

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:

Kopiuj

<!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

Patryk27

2015-07-19T15:07:18+02:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Wrocław
Postów: 13042

1

Mylisz się :P

Tumeg

2015-07-19T15:07:21+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 687

1

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

Patryk27

2015-07-19T15:09:36+02:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Wrocław
Postów: 13042

0

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

ly000

2015-07-19T15:09:47+02:00

Rejestracja: dni
Ostatnio: dni

0

Kopiuj

    <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?

hervercafter

2015-07-19T15:22:11+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 4

0

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

Tumeg

2015-07-19T15:25:51+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 687

1

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

szopenfx

2015-07-19T15:57:32+02:00

Rejestracja: dni
Ostatnio: dni

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ć.

LukeJL

2015-07-19T16:21:50+02:00

Rejestracja: dni
Ostatnio: dni
Postów: 8488

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

Kopiuj

p {
  color: red;
}

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

Kopiuj

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

a w pliku CSS:

Kopiuj

.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">